傳智教育（股票代碼 003032）旗下高端IT教育品牌
HTML&JS+前端
HTML&JS+前端院頁(yè)banner PC.jpg)
院頁(yè)banner PC(1).jpg)
.jpg)
.jpg)
.jpg)
HTML&JS+前端5個(gè)月
學(xué)習(xí)周期
13個(gè)
“大廠”級(jí)實(shí)戰(zhàn)項(xiàng)目
100+
專(zhuān)職教研團(tuán)隊(duì)
30000名
順利入職學(xué)員
終身
職業(yè)生態(tài)圈
畢業(yè)起點(diǎn)高，就業(yè)前景好
技術(shù)方向資深前端工程師前端架構(gòu)師CTO
管理方向技術(shù)開(kāi)發(fā)組長(zhǎng) 項(xiàng)目經(jīng)理項(xiàng)目總監(jiān)
剛畢業(yè) 迷茫期沒(méi)有工作經(jīng)驗(yàn)
期待學(xué)習(xí)有前景的技術(shù)
零基礎(chǔ) 想轉(zhuǎn)行行業(yè)沒(méi)前途
期待短期內(nèi)轉(zhuǎn)行IT
想晉升加薪具備前端基礎(chǔ)
面臨職場(chǎng)瓶頸期待提升
前端愛(ài)好者薪資不滿(mǎn)意
期待進(jìn)軍前端熱門(mén)領(lǐng)域
完成高含金量的項(xiàng)目是檢驗(yàn)學(xué)習(xí)效果的唯一標(biāo)準(zhǔn)
HTML 技術(shù)掌握 HTML5 搭建頁(yè)面結(jié)構(gòu)
CSS3 網(wǎng)頁(yè)布局掌握PC頁(yè)面布局與特效
移動(dòng)Web開(kāi)發(fā)掌握移動(dòng)端頁(yè)面適配與布局
JavaScript 開(kāi)發(fā)1.掌握 JavaScript 語(yǔ)言基礎(chǔ)語(yǔ)法
2.掌握 JavaScript 基本編程思想
3.ES6 核心語(yǔ)法與新增API
4.JavaScript 高階場(chǎng)景應(yīng)用
網(wǎng)頁(yè)交互技術(shù)1.DOM 操作與事件處理
2.瀏覽器核心 API 應(yīng)用
3.使用正則處理文本內(nèi)容
數(shù)據(jù)交互 & 異步編程1.HTTP 協(xié)議
2.Ajax 前后端通信技術(shù)
3.Promise 異步編程
Node.js 框架前置課1.掌握 ES6 模塊化開(kāi)發(fā)及npm
包管理
2.掌握 webpack 工具初探工程
化開(kāi)發(fā)
Vue2.x 核心技術(shù)1.指令系統(tǒng)、常用選項(xiàng)、組件化、
組件通訊、組件庫(kù)
2.周邊生態(tài)：vue-cli、vue-
router、vuex、vue-loader
Vue3.x 核心技術(shù)1.組合式、宏函數(shù)、依賴(lài)注入、
響應(yīng)式API
2.周邊生態(tài)：vite、create-vue、
pinia、pnpm
Vue 原理1.Vue2.x 相關(guān)：數(shù)據(jù)劫持、依賴(lài)
收集、diff算法、模板編譯
2.Vue3.x 相關(guān)：Proxy、Reflect、
響應(yīng)式系統(tǒng)原理
面經(jīng)全端項(xiàng)目
(Vue2.x全家桶)1.H5端面經(jīng)瀏覽+PC端內(nèi)容管理
系統(tǒng)
2.Vue2.x 全家桶、Vant、
ElementUI、富文本編輯器
黑馬智數(shù)項(xiàng)目
(微前端+Vue2+Vue3)1.智慧園區(qū)+3D大屏微前端應(yīng)用
2.Vue2.x 全家桶、vue-admin-
template、RBAC、組件封裝、
打包部署、Vue3.x、Vite、
Three.js、qiankun 微前端
享+生活項(xiàng)目（原生小程序）1.掌握原生微信小程序開(kāi)發(fā)
2.原生小程序、微信 API 詳解、
騰訊地理定位服務(wù)、VantUI
應(yīng)用
優(yōu)醫(yī)問(wèn)診APP（uni-app）1.掌握跨平臺(tái)多端開(kāi)發(fā)
2.uni-app、Vue3+Pinia、組件
封裝、微信支付/登錄、即時(shí)通
信、地圖服務(wù)
職業(yè)發(fā)展課1.掌握職場(chǎng)通識(shí)做好面試準(zhǔn)備
2.職場(chǎng)通識(shí)、面試攻略、簡(jiǎn)歷指
導(dǎo)、模擬面試
3.黑馬面試寶典
就業(yè)加強(qiáng)課1.掌握面試常見(jiàn)技術(shù)問(wèn)題
2.常見(jiàn)算法、瀏覽器原理、Vue
解決方案、React 原理
鴻蒙應(yīng)用開(kāi)發(fā)1.DevEco Studio、聲明式Ul、
Stage /FA模型、ArkTS、Hot
Reload熱更新
2.工程結(jié)構(gòu)、pages代碼解析、
基礎(chǔ)組件、容器組件、裝飾器、
真機(jī) App 安裝
鴻蒙應(yīng)用一美蔻商城項(xiàng)目1.純鴻蒙電商購(gòu)物應(yīng)用
2.一次開(kāi)發(fā)，多端部署、三層工
程架構(gòu)、設(shè)備斷點(diǎn)適配、電商
核心業(yè)務(wù)、Hybrid混合開(kāi)發(fā)、
WLAN和多媒體技術(shù)使用、華
為的應(yīng)用生態(tài)使用
React.js 核心技術(shù)1.JSX、Hooks、組件通信、
Redux、Redux-Toolkit
2.案例：B站評(píng)論、知乎頻道管
理、美團(tuán)外賣(mài)、記賬本
極客園自媒體項(xiàng)目
(React+TS）1.掌握PC端自媒體項(xiàng)目開(kāi)發(fā)
2.React、TypeScript、Vite、
Zustand、ReactRouter、
Quill
讓你掌握頁(yè)面的制作
技能，PC端、移動(dòng)
端統(tǒng)統(tǒng)不是事兒
讓你的網(wǎng)頁(yè)“動(dòng)”起來(lái)，
輸入、點(diǎn)擊、倒計(jì)時(shí)，
用戶(hù)交互全搞定
讓你的開(kāi)發(fā)“飛”起來(lái)，
各種解決方案入職工作
直接用
讓你的代碼靈活適配，
H5、APP、小程序全適配
讓你抓住新風(fēng)口，
差異化競(jìng)爭(zhēng)脫穎而出
讓你的競(jìng)爭(zhēng)力“亮”起
來(lái)，入職大廠敲門(mén)磚
網(wǎng)頁(yè)布局
移動(dòng)Web
JavaScript
Vue.js
小程序&多端開(kāi)發(fā)
鴻蒙應(yīng)用開(kāi)發(fā)
React.js
數(shù)據(jù)可視化看板項(xiàng)目
Vue2項(xiàng)目
Vue2進(jìn)階項(xiàng)目
神領(lǐng)物流平臺(tái)
原生小程序項(xiàng)目
uni-app小程序項(xiàng)目
鴻蒙應(yīng)用開(kāi)發(fā)項(xiàng)目
極客園PC自媒體端
主講內(nèi)容
HTML | CSS | 企業(yè)級(jí)小兔鮮兒電商項(xiàng)目首頁(yè)制作
內(nèi)容介紹
1. HTML 負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)層，是網(wǎng)頁(yè)開(kāi)發(fā)的基礎(chǔ)，從最簡(jiǎn)單的網(wǎng)頁(yè)骨架搭建入手，使用常見(jiàn)的 HTML 標(biāo)簽豐富網(wǎng)頁(yè)結(jié)構(gòu)。
2. 在 HTML 搭建的網(wǎng)頁(yè)結(jié)構(gòu)基礎(chǔ)上，通過(guò) CSS 選擇器 精準(zhǔn)選擇標(biāo)簽，使用外觀、盒模型相關(guān)屬性完成網(wǎng)頁(yè)全部?jī)?nèi)容，學(xué)習(xí)傳統(tǒng)浮動(dòng)、定位等完成網(wǎng)頁(yè)布局，側(cè)重使用 Flex 布局技巧精準(zhǔn)控制網(wǎng)頁(yè)布局，最終結(jié)合背景、圓角、陰影等裝飾屬性進(jìn)一步美化網(wǎng)頁(yè)效果，達(dá)到能夠編寫(xiě)企業(yè)級(jí)大型綜合網(wǎng)頁(yè)。
3. 借助PxCook工具，基于設(shè)計(jì)稿編寫(xiě)網(wǎng)頁(yè)，確保網(wǎng)頁(yè)的高度還原，通過(guò)綜合運(yùn)用 HTML + CSS 技術(shù)，按照實(shí)際項(xiàng)目開(kāi)發(fā)流程，歸納開(kāi)發(fā)技巧，提升綜合實(shí)戰(zhàn)水平，最終完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開(kāi)發(fā)。
可掌握的核心能力
借助PxCook工具，參照設(shè)計(jì)稿，能綜合使用HTML+CSS技術(shù)完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開(kāi)發(fā)
主講內(nèi)容
CSS高級(jí)特效 | 移動(dòng)適配 | 響應(yīng)式
內(nèi)容介紹
1. 使用css高級(jí)特效豐富網(wǎng)頁(yè)元素的呈現(xiàn)方式和效果。
2. 首先介紹Flex布局模型,實(shí)現(xiàn)移動(dòng)端網(wǎng)頁(yè)的基本布局;再講解兩種移動(dòng)端網(wǎng)頁(yè)適配不同分辨率的解決方案,并使用不同的解決方案制作網(wǎng)頁(yè)元素寬高隨著視口的變化而等比縮放的效果。
3. 學(xué)習(xí)響應(yīng)式的原理,并使用bootstrap框架完成響應(yīng)式網(wǎng)頁(yè)的布局。
可掌握的核心能力
1. 使用CSS高級(jí)特效，豐富網(wǎng)頁(yè)元素的呈現(xiàn)方式和效果
2. 使用rem或vw、vh實(shí)現(xiàn)網(wǎng)頁(yè)元素寬高隨著視口變化等比縮放的效果
3. 使用bootstrap框架布局響應(yīng)式網(wǎng)頁(yè)
主講內(nèi)容
JavaScript核心 | WebAPI | Ajax | Git
內(nèi)容介紹
1. 學(xué)習(xí)JavaScript核心語(yǔ)法規(guī)則，深入理解 ECMAScript 的知識(shí)體系及工作機(jī)制。
3. 利用 axios 發(fā)起 Ajax 請(qǐng)求，實(shí)現(xiàn)前后端的數(shù)據(jù)交互。并講解 HTTP 請(qǐng)求的過(guò)程以及 Ajax 的底層原理。深入學(xué)習(xí) JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡(jiǎn)化異步操作。
4. 能夠創(chuàng)建 Git 倉(cāng)庫(kù)管理前端項(xiàng)目，基于 Git 分支進(jìn)行多人協(xié)同開(kāi)發(fā)，并且能夠把本地的 Git 倉(cāng)庫(kù)同步到遠(yuǎn)程碼云或 Github 倉(cāng)庫(kù)中。
2. 學(xué)習(xí)DOM和BOM對(duì)象的屬性和方法,以完成網(wǎng)頁(yè)常見(jiàn)的交互效果。
可掌握的核心能力
1. 掌握 JavaScript 核心語(yǔ)法，培養(yǎng)編程邏輯思維
2. 掌握 DOM 和 BOM 對(duì)象的常用屬性和方法，能夠完成網(wǎng)頁(yè)常見(jiàn)的交互效果
3. 掌握 JavaScript 底層工作機(jī)制和 ES6+ 高級(jí)特性，能夠高效實(shí)現(xiàn)業(yè)務(wù)邏輯
4. 能夠使用 axios 實(shí)現(xiàn) Ajax 操作，為后續(xù)項(xiàng)目課做好技術(shù)鋪墊
5. 能夠運(yùn)用 Git 管理前端項(xiàng)目，并且使用 Git 分支進(jìn)行多人協(xié)同開(kāi)發(fā)
6. 能夠使用 Promise 與 async/await 高效的實(shí)現(xiàn)異步操作
主講內(nèi)容
框架前置課 | Vue2.x 核心 | Vue3.x 核心 | 微前端 | Three.js | Vue 原理
內(nèi)容介紹
1. 掌握模塊化思想，npm包管理，webpack基礎(chǔ)，初探工程化開(kāi)發(fā)。
2. 運(yùn)用Vue2.0全家桶核心內(nèi)容實(shí)現(xiàn)開(kāi)發(fā)中常見(jiàn)的功能，如購(gòu)物車(chē)，經(jīng)典列表、TodoMVC等。運(yùn)用 Vant 開(kāi)發(fā)移動(dòng)端，運(yùn)用element-ui開(kāi)發(fā)PC后臺(tái)管理系統(tǒng)。
3. 掌握 Vue3 新特性、Vite 新一代構(gòu)建工具、組合式 API、Pinia 等。
4. 掌握 qiankun 微前端庫(kù)，重構(gòu)巨石應(yīng)用、做到與技術(shù)無(wú)關(guān)。
5. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開(kāi)發(fā)能力。
6. 掌握 Vue 底層原理。
可掌握的核心能力
1. 通過(guò) Vue2 和 Vue3 的核心知識(shí)學(xué)習(xí)，掌握企業(yè)開(kāi)發(fā)中常見(jiàn)業(yè)務(wù)功能實(shí)現(xiàn)
2. 通過(guò)深入 Vue 技術(shù)棧學(xué)習(xí) vue-router vuex vant element-ui 等主流技術(shù)，掌握企業(yè)級(jí)項(xiàng)目開(kāi)發(fā)方式，如移動(dòng)端H5項(xiàng)目與PC端管理項(xiàng)目
3. 掌握 qiankun 微前端技術(shù)，具備重構(gòu)巨石應(yīng)用的能力，實(shí)現(xiàn)技術(shù)棧無(wú)關(guān)開(kāi)發(fā)方式
4. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開(kāi)發(fā)能力
主講內(nèi)容
原生小程序 | uni-app
內(nèi)容介紹
1. 了解小程序開(kāi)發(fā)的一般流程序，熟悉小程基礎(chǔ)組件的使用，能夠基于 wxml 和 wxss 實(shí)現(xiàn)小程序的界面布局，基于模板的數(shù)據(jù)綁定實(shí)現(xiàn)數(shù)據(jù)的動(dòng)態(tài)渲染，基于 API 實(shí)現(xiàn)與服務(wù)端的數(shù)據(jù)通信，以及熟悉其它高級(jí) API 的使用。
2. 理解 uni-app 實(shí)現(xiàn)跨平臺(tái)開(kāi)發(fā)的原理機(jī)制，理清單文件組件與原生小程序組件的對(duì)應(yīng)關(guān)系，以及 uni-app 開(kāi)發(fā)小程序時(shí)開(kāi)發(fā)時(shí)與原生小程序的差異。
可掌握的核心能力
1. 掌握原生小程序開(kāi)發(fā)，能夠獨(dú)立完成原生小程序項(xiàng)目開(kāi)發(fā)
2. 掌握 uni-app 多端框架，能夠獨(dú)立開(kāi)發(fā)小程序和其他端的開(kāi)發(fā)
主講內(nèi)容
鴻蒙應(yīng)用開(kāi)發(fā)
內(nèi)容介紹
掌握鴻蒙應(yīng)用開(kāi)發(fā)核心技能：ArtTS語(yǔ)言核心聲明式UI方式，掌握鴻蒙常用能力集，掌握鴻蒙APP開(kāi)發(fā)能力，掌握鴻蒙混合應(yīng)用開(kāi)發(fā)，掌握元服務(wù)和端云一體化鴻蒙開(kāi)發(fā)能力。
可掌握的核心能力
1. 掌握鴻蒙ArkTS范式語(yǔ)言開(kāi)發(fā)基礎(chǔ)， 使用ArkUI進(jìn)行鴻蒙原生應(yīng)用界面設(shè)計(jì)開(kāi)發(fā)
2. 掌握鴻蒙ArkTS組件開(kāi)發(fā)，組件封裝，組件復(fù)用，組件傳值，組件更新，State模型，事件處理，?絡(luò)請(qǐng)求，原生能力應(yīng)用能項(xiàng)目基礎(chǔ)開(kāi)發(fā)能力，掌握鴻蒙任務(wù)管理、線(xiàn)程管理、萬(wàn)能卡片、數(shù)據(jù)管理、分布式應(yīng)用等，實(shí)現(xiàn)代碼?次開(kāi)發(fā)多端部署的能力
3. 能夠掌握鴻蒙低代碼開(kāi)發(fā)，能夠掌握云服務(wù)提供的獨(dú)立入口、免安裝等便捷服務(wù)
4. 掌握端云一體化工程概覽、工程創(chuàng)建及配置、端云一體化組件集成、云函數(shù)開(kāi)發(fā)及使用、云數(shù)據(jù)庫(kù)開(kāi)發(fā)和使用、一鍵式部署云工程的能力
主講內(nèi)容
React 核心技術(shù) | Hooks 深入+路由 | Redux +中間件 + Redux Toolkit | 記賬本案例
內(nèi)容介紹
1. 基于 React 腳手架（create-react-app）搭建React項(xiàng)目，掌握J(rèn)SX語(yǔ)法搭建頁(yè)面結(jié)構(gòu)，使用函數(shù)組件實(shí)現(xiàn)組件化開(kāi)發(fā)，掌握組件通訊在項(xiàng)目開(kāi)發(fā)中的使用。
2. 掌握 useEffect Hook 的應(yīng)用，掌握 useRef Hook 的高級(jí)用法，理解 Hooks 原理，掌握 react-router-dom 的應(yīng)用。
3. 掌握 React 最常用狀態(tài)管理工具 Redux 的基本使用，使用 react-redux 鏈接庫(kù)在 React 中使用 Redux，掌握 Redux 中間件 redux-thunk 用來(lái)處理異步請(qǐng)求，掌握 Redux Tookit 簡(jiǎn)化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 實(shí)現(xiàn)記賬本案例，對(duì)整個(gè) React 階段所學(xué)內(nèi)容進(jìn)行練習(xí)，驗(yàn)證我們是否掌握了 React 開(kāi)發(fā)能力。
可掌握的核心能力
通過(guò) React + Hooks + Redux Toolkit 的學(xué)習(xí)，實(shí)現(xiàn)多種業(yè)務(wù)場(chǎng)景下的功能開(kāi)發(fā)，如 B站評(píng)論、知乎頻道管理、美團(tuán)外賣(mài)、記賬本等業(yè)務(wù)功能
主講內(nèi)容
1.基于axios 實(shí)現(xiàn)網(wǎng)站注冊(cè)和登錄功能
2.基于 Echarts 結(jié)合需求高度自定義不同類(lèi)型的可視化圖表
3.Ajax、數(shù)據(jù)渲染和服務(wù)端推送前后端分離技術(shù)的應(yīng)用
4.基于 token 的訪問(wèn)權(quán)限控制功能
項(xiàng)目介紹
數(shù)據(jù)看板是一個(gè)數(shù)據(jù)可視化項(xiàng)目，通過(guò)折線(xiàn)圖、K線(xiàn)圖、柱狀圖等圖表形式歸納匯總大量數(shù)據(jù)，以實(shí)現(xiàn)更加直觀的數(shù)據(jù)表達(dá)效果。學(xué)員通過(guò)學(xué)習(xí)該項(xiàng)目，能夠掌握數(shù)據(jù)可視化、異步編程、實(shí)時(shí)數(shù)據(jù)獲取等技術(shù)解決方案，適合有基礎(chǔ)希望技能強(qiáng)化的IT人員繼續(xù)學(xué)習(xí)。
可掌握的核心能力
1. 掌握Echarts 各類(lèi)型數(shù)據(jù)可視化圖表的應(yīng)用
2. 能夠根據(jù)需要求創(chuàng)建折線(xiàn)圖、K線(xiàn)圖、地圖等圖表
3. 掌握前后端分離技術(shù)的實(shí)現(xiàn)方式并了解其意義
4. 掌握使用token進(jìn)行訪問(wèn)鑒權(quán)功能實(shí)現(xiàn)
面經(jīng)全端項(xiàng)目極客園H5項(xiàng)目
課時(shí)：5天 學(xué)習(xí)方式：線(xiàn)下面授 課時(shí)：5天 學(xué)習(xí)方式：線(xiàn)下面授
主講內(nèi)容
1. 基于 vue-cli 創(chuàng)建工程化的 Vue 項(xiàng)目
2. 基于 element-ui 組件庫(kù)快速實(shí)現(xiàn)項(xiàng)目布局
3. 用戶(hù)注冊(cè)與登錄的業(yè)務(wù)解決方案
4. 使用 Vuex 管理全局共享的數(shù)據(jù)
5. 使用 axios 實(shí)現(xiàn)前后端的數(shù)據(jù)交互
6. 基于 vant 組件庫(kù)快速構(gòu)建移動(dòng)端界面
項(xiàng)目介紹
面經(jīng)系統(tǒng)，由面試經(jīng)驗(yàn)文章PC管理后臺(tái)，個(gè)人H5端面試文章瀏覽組成。學(xué)員學(xué)習(xí)該項(xiàng)目，能夠鍛煉對(duì) Vue 完整技術(shù)棧的運(yùn)用。同時(shí)該項(xiàng)目還涵蓋了 token 身份認(rèn)證、Vue 組件庫(kù)、文件上傳、富文本編輯器等前端技術(shù)解決方案，移動(dòng)端開(kāi)發(fā)，適合剛?cè)胧?Vue 框架、希望通過(guò)項(xiàng)目開(kāi)發(fā)來(lái)鞏固 Vue 基礎(chǔ)的前端開(kāi)發(fā)者學(xué)習(xí)。
可掌握的核心能力
1. 掌握 element-ui 組件庫(kù)的運(yùn)用
2. 掌握 axios 以及攔截器的應(yīng)用
3. 掌握 Vuex 管理全局狀態(tài)的技術(shù)解決方案
4. 熟練使用 vue-router 管理組件的切換展示
5. 掌握 element-ui 中如何自定義表單的校驗(yàn)規(guī)則
6. 掌握文件上傳和富文本編輯器在 Vue 項(xiàng)目中的應(yīng)用
7. 掌握 Vant 組件庫(kù)的運(yùn)用
8. 掌握使用 postcss-px-to-viewport 實(shí)現(xiàn)移動(dòng)端適配
主講內(nèi)容
vue2 + vant + vuex + vue-router 全家桶、移動(dòng)端項(xiàng)目搭建、vw 適配方案、Token 過(guò)期處理、動(dòng)態(tài)編輯、上拉加載、下拉刷新、評(píng)論與回復(fù)、搜索功能、DayJS、數(shù)據(jù)持久化、圖片懶加載 、組件定制、組件封裝、性能優(yōu)化、移動(dòng)端1px像素、Icon處理、表單驗(yàn)證、倒計(jì)時(shí)、攔截器、緩存組件封裝、websocket
項(xiàng)目介紹
「極客園」對(duì)標(biāo)“CSDN”、“博客園”等競(jìng)品，致力成為更加貼近年輕 IT 從業(yè)者（學(xué)員）的科技資訊類(lèi)應(yīng)用。本項(xiàng)目是極客園移動(dòng)端，主要涵蓋了H5端新聞資訊類(lèi)項(xiàng)目的核心業(yè)務(wù)。包括首頁(yè)文章列表上拉加載與刷新，頻道管理，本地線(xiàn)上頻道管理，文章搜索，文章評(píng)論與回復(fù)，組件緩存，token過(guò)期與刷新處理，用戶(hù)權(quán)限攔截，個(gè)人信息修改解決方案。
可掌握的核心能力
能夠獨(dú)立運(yùn)用 vue2 + vant 搭建H5應(yīng)用能力，能夠?qū)崿F(xiàn)文章列表、頻道管理、評(píng)論與回復(fù)、用戶(hù)權(quán)限控制等特色業(yè)務(wù)。
智慧園區(qū)微前端項(xiàng)目人力資源項(xiàng)目1～2開(kāi)發(fā)
課時(shí)：12天 學(xué)習(xí)方式：線(xiàn)下面授 課時(shí)：12天 學(xué)習(xí)方式：線(xiàn)下面授
主講內(nèi)容
vue-element-admin（請(qǐng)求模塊化，請(qǐng)求工具攔截，scss 樣式，布局組件）、Vuex 持久化（state，mutations，actions，getters 和 modules）、Vue CLI 配置(webpack)、反向代理、ElementUI 表單校驗(yàn)（async-validator）、vue-router 導(dǎo)航守衛(wèi)、token 認(rèn)證、token 失效控制、角色管理業(yè)務(wù)、RBAC 權(quán)限、Vuex + 路由 + RBAC、動(dòng)態(tài)路由、角色權(quán)限、混入 mixns、全屏（screenfull）、tabs 頁(yè)多頁(yè)簽組件、vue-i18n 國(guó)際化方案、history 路由模式的應(yīng)用、樹(shù)形菜單 |element 列表的數(shù)據(jù)過(guò)濾、導(dǎo)入導(dǎo)出 Excel、el-upload 上傳第三方云服務(wù)器、打包性能分析、CDN 加速的實(shí)踐應(yīng)用、組件封裝、業(yè)務(wù)組件封裝、three.js 模型加載和交互方案、qiankun 搭建微前端架構(gòu)、Echarts 自定義可視化圖表、lodash、seamless-scroll 數(shù)據(jù)無(wú)縫滾動(dòng)、行車(chē)管理、一體桿管理、企業(yè)管理、物業(yè)費(fèi)管理
項(xiàng)目介紹
黑馬智數(shù)是一個(gè)數(shù)字化園區(qū)管理項(xiàng)目，該項(xiàng)目后臺(tái)可以在線(xiàn)管理園區(qū)內(nèi)的樓宇、企業(yè)、車(chē)輛和一體桿等資源，可視化大屏通過(guò)園區(qū)3D模型實(shí)時(shí)展示園區(qū)概況。學(xué)員通過(guò)該項(xiàng)目能學(xué)到如何用qiankun搭建微前端架構(gòu)、用Echarts進(jìn)行數(shù)據(jù)可視化、以及前沿的3D模型展示等技術(shù)方案。
可掌握的核心能力
1.掌握Vue + Element技術(shù)棧在開(kāi)發(fā)管理型后臺(tái)項(xiàng)目的技術(shù)開(kāi)發(fā)能力
2.具備角色、人員、權(quán)限類(lèi)系統(tǒng)的設(shè)計(jì)整體設(shè)計(jì)及應(yīng)用能力
3.擁有Vue.js相關(guān)的技術(shù)要點(diǎn)及配套的插件，解決方案深度使用能力
4. 具備使用 qiankun 搭建微前端項(xiàng)目的能力
5. 具備使用 echarts、three.js 等圖形工具，開(kāi)發(fā) 2D、3D數(shù)據(jù)可視化平臺(tái)
主講內(nèi)容
vue-element-admin（請(qǐng)求模塊化，請(qǐng)求工具攔截，scss 樣式，布局組件）、Vuex 持久化（state，mutations，actions，getters 和 modules）、Vue CLI 配置(webpack)、反向代理、ElementUI 表單校驗(yàn)（async-validator）、vue-router 導(dǎo)航守衛(wèi)、token 認(rèn)證、token 失效控制、角色管理業(yè)務(wù)、RBAC 權(quán)限、Vuex + 路由 + RBAC、動(dòng)態(tài)路由、角色權(quán)限、混入 mixns、工作日歷、Echarts 雷達(dá)圖 、全屏（screenfull）、tabs 頁(yè)多頁(yè)簽組件、vue-i18n 國(guó)際化方案、history 路由模式的應(yīng)用、樹(shù)形菜單 |element 列表的數(shù)據(jù)過(guò)濾、導(dǎo)入導(dǎo)出 Excel、Excel 復(fù)雜型表頭、PDF 打印（vue-print-nb）、el-upload 上傳第三方云服務(wù)器、打包性能分析、CDN 加速的實(shí)踐應(yīng)用、組件封裝、業(yè)務(wù)組件封裝、掃碼登錄、電子圍欄、頭像裁剪、消息群發(fā)、員工考勤
項(xiàng)目介紹
iHRM是一款基于SaaS平臺(tái)的人力資源管理系統(tǒng)， 企業(yè)通過(guò)該系統(tǒng)可以完成公司組織架構(gòu)管理、員工管理、角色管理、權(quán)限管理（審批、考勤、社保）等，為企業(yè)的人力資源管理提供一站式解決方案。
可掌握的核心能力
能獨(dú)立運(yùn)用 vue-admin-template 搭建中后臺(tái)應(yīng)用能力，能夠?qū)崿F(xiàn) rbac 權(quán)限管理，企業(yè)組織架構(gòu)管理，審批、考勤、社保等特色業(yè)務(wù)。
主講內(nèi)容
vue2 + element + vue-router + vuex 全家桶、 vue-admin-template中后臺(tái)模板、echarts 圖表、echarts-liquidfill 液體圖表、mockjs 數(shù)據(jù)、vue-treeselect 樹(shù)形下拉框、機(jī)構(gòu)管理、機(jī)構(gòu)作業(yè)范圍、運(yùn)費(fèi)管理、車(chē)型管理、車(chē)輛列表、回車(chē)登記、快遞員管理、司機(jī)管理、排班管理、訂單管理、運(yùn)單管理、運(yùn)輸任務(wù)管理、線(xiàn)路管理、取件作業(yè)管理、派件作業(yè)管理
項(xiàng)目介紹
基于Vue2和ElementUI開(kāi)發(fā)的神領(lǐng)物流平臺(tái)對(duì)標(biāo)主流快遞物流公司的TMS系統(tǒng)，包含運(yùn)輸任務(wù)管理、訂單管理、線(xiàn)路管理以及運(yùn)費(fèi)管理等核心業(yè)務(wù)。TMS系統(tǒng)能夠?qū)?chē)輛、駕駛員、線(xiàn)路等進(jìn)行全面詳細(xì)的統(tǒng)計(jì)考核，能大大提高運(yùn)作效率，降低運(yùn)輸成本。
可掌握的核心能力
小組實(shí)戰(zhàn)，多人開(kāi)發(fā)協(xié)作，共同完成基于 vue-admin-template 搭建企業(yè)級(jí)中后臺(tái)項(xiàng)目，能獨(dú)立分析需求并按需求實(shí)現(xiàn)功能，能夠解決測(cè)試過(guò)程中發(fā)現(xiàn)的BUG、掌握完整的業(yè)務(wù)開(kāi)發(fā)流程，完成基礎(chǔ)數(shù)據(jù)管理、車(chē)輛管理、訂單和運(yùn)單管理、調(diào)度管理等特色業(yè)務(wù)。
享+生活原生小程序項(xiàng)目智慧商城原生小程序項(xiàng)目
課時(shí)：5天 學(xué)習(xí)方式：線(xiàn)下面授 課時(shí)：5天 學(xué)習(xí)方式：線(xiàn)下面授
主講內(nèi)容
自定義組件、Vant 組件庫(kù)、getApp、getCurrentPages、封裝 http 模塊、rich-text 渲染富文本、登錄狀態(tài)檢測(cè)、短信驗(yàn)證碼、validate 數(shù)據(jù)校驗(yàn)、騰訊地理定位、逆地址解析、圖片上傳、房屋維護(hù)、SwipeCell 滑動(dòng)單元格、訪客維護(hù)、生成二維碼、自定義分享和轉(zhuǎn)發(fā)、在線(xiàn)報(bào)修
項(xiàng)目介紹
享+社區(qū)是一個(gè)生活類(lèi)的小程序項(xiàng)目，主要服務(wù)于小區(qū)業(yè)主，為其提供生活家電報(bào)修、訪客門(mén)禁通行的的功能，該項(xiàng)目主要包含房屋管理、報(bào)修管理、訪客管理、用戶(hù)管理、通知管理等功能模塊，技術(shù)棧以原生小程序技術(shù)為主配合了 Vant 組件庫(kù)。
可掌握的核心能力
1. 掌握開(kāi)發(fā)原生小程序項(xiàng)目能力
2. 掌握微信請(qǐng)求工具封裝和使用
3. 掌握微信用戶(hù)登錄和登錄狀態(tài)檢測(cè)解決方案
4. 掌握基于騰訊位置服務(wù)實(shí)現(xiàn)地理定位檢索
5. 掌握基于微信二維碼服務(wù)實(shí)現(xiàn)訪客通行證
主講內(nèi)容
小程序運(yùn)行環(huán)境，原生配置項(xiàng)，框架接口，原生組件，自定義組件，第三方組件庫(kù)，npm 模塊管理，模板語(yǔ)法，生命周期，路由系統(tǒng)，事件系統(tǒng)，雙向綁定，狀態(tài)管理，組件通訊，網(wǎng)絡(luò)請(qǐng)求，文件上傳，本地存儲(chǔ)，分包加載，按需注入，業(yè)務(wù)域名配置，開(kāi)發(fā)調(diào)試
項(xiàng)目介紹
智慧商城是對(duì)標(biāo)綜合品類(lèi)的網(wǎng)上商城項(xiàng)目，用戶(hù)可以方便快捷的網(wǎng)上購(gòu)物，使用原生微信小程序技術(shù)開(kāi)發(fā)。項(xiàng)目包括首頁(yè)，商品分類(lèi)，商品詳情，登錄，購(gòu)物車(chē)，用戶(hù)中心，訂單等電商核心模塊。
可掌握的核心能力
能夠充分利用原生微信小程序框架，獨(dú)立開(kāi)發(fā)電商項(xiàng)目的首頁(yè)，商品分類(lèi)，商品詳情，登錄，購(gòu)物車(chē)，用戶(hù)中心，用戶(hù)訂單等核心電商模塊。
優(yōu)醫(yī)問(wèn)診 uni-app 項(xiàng)目小兔鮮電商小程序項(xiàng)目
課時(shí)：9天 學(xué)習(xí)方式：線(xiàn)下面授 課時(shí)：9天 學(xué)習(xí)方式：線(xiàn)下面授
主講內(nèi)容
1.uni-app跨平臺(tái)開(kāi)發(fā)框架
2.uni-app插件市場(chǎng)
3.組件封裝及自動(dòng)導(dǎo)入
4.微信支付/登錄
5.pinia 狀態(tài)管理
6.基于vue3 技術(shù)實(shí)踐方案
7.小程序云開(kāi)發(fā)
項(xiàng)目介紹
優(yōu)醫(yī)問(wèn)診是一個(gè)連接醫(yī)生和患者的移動(dòng)醫(yī)療行業(yè)應(yīng)用，通過(guò)高效、快速的在線(xiàn)問(wèn)診服務(wù)，為患者提供健康幫助，涵蓋了找醫(yī)生、快速問(wèn)診、開(kāi)藥門(mén)診、疾病查詢(xún)，健康百科等功能。該項(xiàng)目基于HBuilderX 使用 uni-app 開(kāi)發(fā)跨端應(yīng)用的能力，能夠完成多端兼容、打包App、原生界面開(kāi)發(fā)、地理定位、路徑規(guī)劃、即時(shí)通信。
可掌握的核心能力
1.能夠開(kāi)發(fā)跨平臺(tái)的小程序
2.能夠獨(dú)立開(kāi)發(fā)小程序項(xiàng)目
3.掌握微信登錄的實(shí)現(xiàn)方式
4.掌握微信支付的實(shí)現(xiàn)方式
主講內(nèi)容
uni-app 框架、uni-ui 組件庫(kù)、uni 插件市場(chǎng)、HbuilderX 使用、VS Code 開(kāi)發(fā)配置、Vue3 組合式API、路由跳轉(zhuǎn)、路由傳參、Pinia 多端持久化存儲(chǔ)、多端網(wǎng)絡(luò)請(qǐng)求封裝、多端文件上傳、自定義組件封裝、組件通訊、上拉加載、下拉刷新、骨架屏、微信登錄、微信支付、跨端兼容、跨端調(diào)試、跨端打包、uniClound 云開(kāi)發(fā)
項(xiàng)目介紹
小兔鮮兒是一個(gè)經(jīng)典的電商類(lèi)小程序項(xiàng)目，包括商品、用戶(hù)、購(gòu)物車(chē)、訂單等核心功能模塊，采用 uni-app 框架做為跨平臺(tái)小程序開(kāi)發(fā)方案，并綜合運(yùn)用了原生小程序的組件化、模塊化、網(wǎng)絡(luò)請(qǐng)求、本地存儲(chǔ)、微信登錄、微信支付等技術(shù)，小兔鮮項(xiàng)目以企業(yè)的需求為基礎(chǔ)，有針對(duì)性的對(duì)課程進(jìn)行設(shè)計(jì)，學(xué)習(xí)本課程不僅能夠培養(yǎng)學(xué)員的實(shí)踐能力，還可以為就業(yè)提供有利的支撐。
可掌握的核心能力
能夠基于 uni-app 多端框架和 Vue3 技術(shù)棧，掌握獨(dú)立開(kāi)發(fā)可兼容微信小程序端、H5端、App 三個(gè)主流端的能力，能夠?qū)崿F(xiàn)電商項(xiàng)目的首頁(yè)，商品分類(lèi)，商品詳情，SKU選品，購(gòu)物車(chē)，微信登錄，用戶(hù)中心，用戶(hù)訂單等核心電商模塊。
鴻蒙應(yīng)用-美蔻商城 鴻蒙應(yīng)用-神領(lǐng)物流
課時(shí)：9天 學(xué)習(xí)方式：線(xiàn)下面授 課時(shí)：9天 學(xué)習(xí)方式：線(xiàn)下面授
主講內(nèi)容
一次開(kāi)發(fā)，多端部署、三層工程架構(gòu)、設(shè)備斷點(diǎn)適配、電商核心業(yè)務(wù)、Hybrid混合開(kāi)發(fā)、WLAN和多媒體技術(shù)使用、華為的應(yīng)用生態(tài)使用
項(xiàng)目介紹
美蔻商城是一個(gè)"一對(duì)多"的電商購(gòu)物應(yīng)用，提供在線(xiàn)購(gòu)物的核心服務(wù)，涵蓋了商品列表、商品詳情、購(gòu)物車(chē)、商品評(píng)價(jià)、訂單管理等功能。該項(xiàng)目基于鴻蒙一對(duì)多開(kāi)發(fā)范式，采用了三層工程架構(gòu)配合多種UI適配方式，最終實(shí)現(xiàn)"一次開(kāi)發(fā)，多端部署的核心目標(biāo)",同時(shí)也應(yīng)用了鴻蒙系統(tǒng)的多種能力，比如多媒體技術(shù)，支付能力、混合開(kāi)發(fā)等等。
可掌握的核心能力
1. 掌握 ArkTS 與 ArkUI 核心語(yǔ)法，搭建鴻蒙應(yīng)用界面
2. 基于 http 模塊封裝 request 工具函數(shù)，實(shí)現(xiàn)網(wǎng)絡(luò)管理
3. 基于 router 模塊實(shí)現(xiàn)路由封裝，實(shí)現(xiàn)訪問(wèn)權(quán)限控制
4. 掌握自定義組件封裝，實(shí)現(xiàn)LoadingDialog、Skeleton、MiniCalendar等組件
5. 基于 ArkTS 接口查詢(xún)?cè)O(shè)備，實(shí)現(xiàn)手機(jī)和平板適配
主講內(nèi)容
HarmonyOS基于ArkTS范式開(kāi)發(fā)，目錄拆解，原生組件使用，組件封裝集成，原生能力調(diào)用，統(tǒng)一權(quán)限處理，設(shè)備適配，WebView嵌入調(diào)用，列表下拉刷新 上拉加載，組件通信，路由跳轉(zhuǎn)，參數(shù)傳遞，文件上傳，沙箱文件處理，多組件復(fù)用，開(kāi)發(fā)調(diào)試，性能優(yōu)化
項(xiàng)目介紹
神領(lǐng)物流司機(jī)端，主要提供提貨交貨及車(chē)輛信息上報(bào)等功能。包含用戶(hù)名密碼登錄、提貨、在途、已完成、公告、系統(tǒng)通知、車(chē)輛信息、任務(wù)數(shù)據(jù)、系統(tǒng)設(shè)置等功能。采用 HarmonyOS的ArkTS 版本進(jìn)行開(kāi)發(fā)。
可掌握的核心能力
能夠基于HarmonyOS提供的ArkTS語(yǔ)言范式去開(kāi)發(fā)鴻蒙生態(tài)的手機(jī)應(yīng)用，手機(jī)端登錄、待提貨、在途導(dǎo)航、已完成、異常上報(bào)、消息獲取、系統(tǒng)設(shè)置、圖片上傳、等物流行業(yè)相關(guān)的特色業(yè)務(wù)
主講內(nèi)容
請(qǐng)求模塊化、請(qǐng)求工具攔截、scss 樣式、布局組件、Redux狀態(tài)管理、vite 、ant-design 、表單校驗(yàn)、 react-router@v6、token 認(rèn)證、token 失效控制、history 路由、打包性能優(yōu)化、CDN 加速、組件封裝 、react-quill
項(xiàng)目介紹
「極客園」對(duì)標(biāo)“CSDN”、“博客園”等競(jìng)品，致力成為更加貼近年輕 IT 從業(yè)者（學(xué)員）的科技資訊類(lèi)應(yīng)用 產(chǎn)品關(guān)鍵詞：IT、極客、活力、科技、技術(shù)分享、前沿動(dòng)態(tài)、內(nèi)容社交 用戶(hù)特點(diǎn)：年輕有活力，對(duì)IT領(lǐng)域前言科技信息充滿(mǎn)探索欲和學(xué)習(xí)熱情。本項(xiàng)目是個(gè)人自媒體管理端，涵蓋了后臺(tái)管理系統(tǒng)的核心業(yè)務(wù)，基于react技術(shù)棧（react hooks + redux + react-router）實(shí)現(xiàn)了登錄功能，首頁(yè)展示，文章管理與發(fā)布，圖片上傳等功能。讓學(xué)員熟練掌握react核心技術(shù)棧的開(kāi)發(fā)項(xiàng)目的能力。
可掌握的核心能力
熟練掌握react+ts技術(shù)棧（react hooks + redux + react-router）配合antd組件庫(kù)開(kāi)發(fā)后臺(tái)管理項(xiàng)目的技術(shù)能力。
黑馬整合解決方案庫(kù)，拿來(lái)即用，讓你的開(kāi)發(fā)之路不必從零開(kāi)始 更多項(xiàng)目>>
Vue3+TS 優(yōu)醫(yī)問(wèn)診H5項(xiàng)目，對(duì)標(biāo)【某香醫(yī)生】、【某東健康】、【某里健康】等在線(xiàn)醫(yī)療項(xiàng)目，本項(xiàng)目涵蓋了在線(xiàn)問(wèn)診的主流業(yè)務(wù)，致力于交付完整的在線(xiàn)問(wèn)診業(yè)務(wù)解決方案，讓學(xué)員成為具備在線(xiàn)問(wèn)診業(yè)務(wù)能力的前端開(kāi)發(fā)工程師。
解決方案
1．基于vue3.0+typescript中大型項(xiàng)目開(kāi)發(fā)解決方案
2．基于vant組件庫(kù)快速構(gòu)建H5界面解決方案
3．基于vue-router的前端路由解決方案
4．基于vite構(gòu)建vue3.0項(xiàng)目解決方案
5．基于pinia的狀態(tài)管理解決方案
6．基于pinia-plugin-persistedstate狀態(tài)持久化解決方案
7．基于@vuecore/use的組合API工具庫(kù)解決方案
8．基于id-validator的身份證信息校驗(yàn)解決方案
9．基于postcss-px-to-viewport移動(dòng)端適配解決方案
體驗(yàn)項(xiàng)目
黑馬智數(shù)是一個(gè)數(shù)字化園區(qū)管理項(xiàng)目，該項(xiàng)目后臺(tái)可以在線(xiàn)管理園區(qū)內(nèi)的樓宇、企業(yè)、車(chē)輛和一體桿等資源，可視化大屏通過(guò)園區(qū)3D模型實(shí)時(shí)展示園區(qū)概況。學(xué)員通過(guò)該項(xiàng)目能學(xué)到如何用qiankun搭建微前端架構(gòu)、用Echarts進(jìn)行數(shù)據(jù)可視化、以及Three.js 搭建3D模型等技術(shù)方案。
解決方案
1．基于 element-ui 和 vue2 大型中臺(tái)項(xiàng)目開(kāi)發(fā)解決方案
2．基于axios封裝請(qǐng)求工具模塊解決方案
3．基于token的前端登錄解決方案
4．vuex分模塊持久化解決方案
5．RBAC 項(xiàng)目權(quán)限控制解決方案
6．基于 qiankun 企業(yè)內(nèi)中后臺(tái)項(xiàng)目的拆分維護(hù)
7．基于 three.js 的3D模型交互
8．多語(yǔ)言動(dòng)態(tài)主題解決方案
9．無(wú)限列表滾動(dòng)解決方案
體驗(yàn)項(xiàng)目
Vue3.0小兔鮮兒電商是對(duì)標(biāo)網(wǎng)易嚴(yán)選的綜合品類(lèi)的網(wǎng)上商城項(xiàng)目，本項(xiàng)目涵蓋了電商的核心業(yè)務(wù)，致力于交付完整的電商業(yè)務(wù)解決方案，讓學(xué)員成為具備電商業(yè)務(wù)能力、站在技術(shù)前沿的高級(jí)前端開(kāi)發(fā)工程師。
解決方案
1．Vue3.0中大型項(xiàng)目構(gòu)建
2．組合API加載性能優(yōu)化
3．商品SKU前端算法
4．封裝UI組件庫(kù)
5．本地線(xiàn)上融合購(gòu)物車(chē)
體驗(yàn)項(xiàng)目
iHRM人力資源管理系統(tǒng)是一款在線(xiàn)HR人力資源管理系統(tǒng)，幫助企業(yè)管理人事信息、員工檔案、績(jī)效考核等。利用HR軟件發(fā)揮核心資源-人力的更大價(jià)值，通過(guò)企業(yè)人事HR管理人力資源，從而保持人才競(jìng)爭(zhēng)力。
解決方案
1．Vuex分模塊狀態(tài)共享及持久化方案
2．Token失效的兩種鑒定方式同時(shí)方案
3．Element中Tree型組件等樹(shù)形業(yè)務(wù)的應(yīng)用方案
4．RBAC權(quán)限設(shè)計(jì)方案及應(yīng)用
5．通用上傳組件封裝及第三方上傳
6．請(qǐng)求器攔截應(yīng)用及異步編程方案
體驗(yàn)項(xiàng)目
黑馬面面是一款面試刷題程序，系統(tǒng)包含答題狀況管理、學(xué)科管理、企業(yè)管理、用戶(hù)管理等綜合管理功能。學(xué)員通過(guò)該項(xiàng)目可學(xué)習(xí)Element-UI功能組件、ECharts數(shù)據(jù)可視化、axios、JWT、Vue CLI、Vuex全局?jǐn)?shù)據(jù)共享、Vue Router 等多個(gè)技術(shù)解決方案。
解決方案
1．Vue-element-admin 后臺(tái)前端解決方案
2．Vuex分模塊狀態(tài)共享方案
3．RBAC權(quán)限設(shè)計(jì)方案及應(yīng)用
4．試題全流程解決方案
體驗(yàn)項(xiàng)目
黑馬頭條是一款新聞資訊類(lèi)App，項(xiàng)目包括用戶(hù)文章展示、點(diǎn)贊評(píng)論、內(nèi)容推薦、頻道管理、文章搜索、智能客服等功能。系統(tǒng)采用前后端分離的開(kāi)發(fā)模式，前臺(tái)使用了Vue.js等技術(shù)棧構(gòu)建的SPA應(yīng)用程序，適合有Vue基礎(chǔ)或者有其他MVVM框架應(yīng)用經(jīng)驗(yàn)的同學(xué)進(jìn)行學(xué)習(xí)。
解決方案
1．Vuex分模塊狀態(tài)共享及持久化方案
2．Token鑒定及換取token解決方案
3．基于Vant組件庫(kù)移動(dòng)端上手勢(shì)加載方案
4．Keep-Alive組件緩存解決方案
5．WebSocket即時(shí)通訊實(shí)現(xiàn)客服通信解決方案
6．請(qǐng)求器攔截應(yīng)用及異步編程方案
體驗(yàn)項(xiàng)目
簡(jiǎn)介：參考《飄視覺(jué)》官網(wǎng)，使用 JS + CSS3 + pincolor + swiper...
參考《飄視覺(jué)》官網(wǎng)，使用 JS + CSS3 + pincolor + swiper，實(shí)現(xiàn)專(zhuān)業(yè)級(jí)動(dòng)畫(huà)交互效果，基本全站還原了飄視覺(jué)官網(wǎng)全景。
在線(xiàn)演示
簡(jiǎn)介：提供企業(yè)網(wǎng)站定制服務(wù)解決方案，為企業(yè)輕松快速定制高端官網(wǎng)...
提供企業(yè)網(wǎng)站定制服務(wù)解決方案，為企業(yè)輕松快速定制高端官網(wǎng)。使用 JS + CSS3 + mplayer 實(shí)現(xiàn)大量商業(yè)級(jí)動(dòng)畫(huà)效果，尤其動(dòng)畫(huà)的設(shè)計(jì)既專(zhuān)業(yè)又炫酷，封裝 common JavaScript 工具庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參考《唯一視覺(jué)婚紗攝影》官網(wǎng)，使用 JS + CSS3 + animate...
參考《唯一視覺(jué)婚紗攝影》官網(wǎng)，使用 JS + CSS3 + animate，動(dòng)畫(huà)效果浪漫典雅，充分烘托出新婚的快樂(lè)與幸福，小組成員還封裝了瀑布流和輪播圖組件庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參考網(wǎng)易游戲《軒轅劍龍舞云山》手游官網(wǎng)，使用 JS + CSS3...
參考網(wǎng)易游戲《軒轅劍龍舞云山》手游官網(wǎng)，使用 JS + CSS3，封裝 common JavaScript 工具庫(kù)，應(yīng)用 normalize 實(shí)現(xiàn) CSS reset，基本還原了首頁(yè)全景，動(dòng)畫(huà)交互效果精致。
在線(xiàn)演示
簡(jiǎn)介：參考網(wǎng)易游戲《光·遇》官網(wǎng)，使用 JS + CSS3 + bootstrap + ...
參考網(wǎng)易游戲《光·遇》官網(wǎng)，使用 JS + CSS3 + bootstrap + animation，封裝 common JavaScript 工具庫(kù)和 CSS 效果庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參考網(wǎng)易游戲《陰陽(yáng)師：百聞牌》手游官網(wǎng)，使用 JS + CSS3...
參考網(wǎng)易游戲《陰陽(yáng)師：百聞牌》手游官網(wǎng)，使用 JS + CSS3，封裝 Alert Box 及 Top Bar 工具庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參考網(wǎng)易游戲《戰(zhàn)意》官網(wǎng)，使用 JS + CSS3 + swiper...
參考網(wǎng)易游戲《戰(zhàn)意》官網(wǎng)，使用 JS + CSS3 + swiper，封裝 topnavCommon JavaScript 工具庫(kù)，基本全站還原了戰(zhàn)意官網(wǎng)全景。
在線(xiàn)演示
簡(jiǎn)介：參考《網(wǎng)易游戲》官網(wǎng)，使用 JS + CSS3 + wrating + ...
參考《網(wǎng)易游戲》官網(wǎng)，使用 JS + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor，實(shí)現(xiàn)精彩的 3D 動(dòng)效交互效果。
在線(xiàn)演示
簡(jiǎn)介：參考《AWA 4.0》官網(wǎng)，使用 JS + CSS3 + html5shiv + ...
參考《AWA 4.0》官網(wǎng)，使用 JS + CSS3 + html5shiv + swiper，實(shí)現(xiàn)響應(yīng)式交互菜單動(dòng)效，封裝 shop JavaScript 工具庫(kù)專(zhuān)門(mén)處理商品信息。
在線(xiàn)演示
簡(jiǎn)介：美食網(wǎng)，吃天下。使用 JS + CSS3 + flex + SuperSlide ...
美食網(wǎng)，吃天下。使用 JS + CSS3 + flex + SuperSlide + 3d-tv，實(shí)現(xiàn)大量專(zhuān)業(yè)級(jí)動(dòng)畫(huà)效果，并集成字體圖標(biāo)及百度地圖 API。
在線(xiàn)演示
簡(jiǎn)介：參考網(wǎng)易游戲《方舟生存天下》官網(wǎng)，使用 JS + CSS3 +...
參考網(wǎng)易游戲《方舟生存天下》官網(wǎng)，使用 JS + CSS3 + posterSwing + canvas-nest + scrollreveal，獨(dú)立研發(fā)并封裝視頻播放方案：全屏 + 自動(dòng)播放 + 輪播。
在線(xiàn)演示
簡(jiǎn)介：參考網(wǎng)易游戲《天下 3》官網(wǎng)，使用原生的 JavaScript、HTML5 和...
參考網(wǎng)易游戲《天下 3》官網(wǎng)，使用原生的 JavaScript、HTML5 和 CSS3，重點(diǎn)實(shí)現(xiàn)人物和場(chǎng)景動(dòng)畫(huà)效果，封裝 common CSS 動(dòng)效庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參照《蒙娜麗莎》婚紗官網(wǎng)，使用 JS + CSS3 + Bootstrap + animate...
參照《蒙娜麗莎》婚紗官網(wǎng)，使用 JS + CSS3 + Bootstrap + animate + mplayer，實(shí)現(xiàn)了豐富的酷炫的動(dòng)畫(huà)效果，封裝 common JavaScript 工具庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參考《行行攝色》官網(wǎng)，使用 JS + CSS3 + easying + move-line...
參考《行行攝色》官網(wǎng)，使用 JS + CSS3 + easying + move-line + bundle + animatie，實(shí)現(xiàn)了炫酷的 3D 交互式動(dòng)效，同時(shí)還封裝 tools JavaScript 工具庫(kù)，并獨(dú)立研發(fā)了風(fēng)景照片特效。
在線(xiàn)演示
簡(jiǎn)介：參考《哇噻網(wǎng)》官網(wǎng)，使用 JS + CSS3 + animate，實(shí)現(xiàn)了...
參考《哇噻網(wǎng)》官網(wǎng)，使用 JS + CSS3 + animate，實(shí)現(xiàn)了豐富精致的動(dòng)畫(huà)效果，小資購(gòu)物的情調(diào)展現(xiàn)的淋漓盡致，同時(shí)還封裝 common JavaScript 工具庫(kù)。
在線(xiàn)演示
簡(jiǎn)介：參考《優(yōu)必選官網(wǎng)》官網(wǎng)，使用 JS + CSS3 + animate，實(shí)現(xiàn)了...
參考《優(yōu)必選官網(wǎng)》官網(wǎng)，使用 JS + CSS3 + animate，實(shí)現(xiàn)了商業(yè)級(jí)動(dòng)畫(huà)效果，并根據(jù)業(yè)務(wù)封裝了星戰(zhàn)、地圖、服務(wù)、店鋪等多個(gè) JavaScript 業(yè)務(wù)庫(kù)。
在線(xiàn)演示自學(xué)必看零基礎(chǔ)新版
免費(fèi)領(lǐng)取全套視頻教程、技術(shù)解析、配套源碼、學(xué)習(xí)工具、學(xué)習(xí)筆記等
立即前往學(xué)習(xí) >
270602人學(xué)習(xí)2023.04.04
294518人學(xué)習(xí)2023.01.31
85236人學(xué)習(xí)2023.09.04
129880人學(xué)習(xí)2023.06.07
80840人學(xué)習(xí)2022.05.20
99009人學(xué)習(xí)2023.11.06
183646人學(xué)習(xí)2023.07.04
132851人學(xué)習(xí)2023.05.08
2015年7月7日，傳智播客前端與移動(dòng)開(kāi)發(fā)學(xué)院正式成立
從500名學(xué)員中篩選了30名同學(xué)，首期前端班正式開(kāi)班
率先引入Gulp、webpack等基于Nodejs的前端工程化工具
加強(qiáng) AngularJS、Vue.js 課程的深度與廣度，更加貼合市場(chǎng)需求
引入數(shù)據(jù)持久化、內(nèi)存緩存、項(xiàng)目部暑等課程體系
成立了全棧子學(xué)科，培養(yǎng)了大量全面性Web開(kāi)發(fā)人才
率先增設(shè)了小程序的課程
擴(kuò)大研發(fā)隊(duì)伍，加強(qiáng)研發(fā)力度，創(chuàng)立了 N+12 教學(xué)新模式
跟進(jìn)新技術(shù)、新領(lǐng)域，為學(xué)員提供免費(fèi)終身的學(xué)習(xí)服務(wù)
引入阿里、京東、用友等一線(xiàn)技術(shù)人員打造優(yōu)質(zhì)課程體系
研發(fā)多個(gè)企業(yè)級(jí)實(shí)戰(zhàn)項(xiàng)目
加強(qiáng)React課程的深度和廣度并逐步將跨平臺(tái)開(kāi)發(fā)引入課程
學(xué)科正式更名為HTML5＆JS+前端 ，推出中高級(jí)軟件工程師課程
用匠心精神深耕教研，對(duì) Vue & React 課程深度改革
雙技術(shù)棧為高薪保駕護(hù)航，突破就業(yè)薪資天花板
組建核心課研團(tuán)隊(duì)，產(chǎn)出V8.0全套標(biāo)準(zhǔn)課程
引入阿里、百度、滴滴等一線(xiàn)技術(shù)人員，組建企業(yè)級(jí)項(xiàng)目研發(fā)團(tuán)隊(duì)
HTML&JS+前端學(xué)科覆蓋全國(guó)17個(gè)校區(qū)
課程大綱
基礎(chǔ)班
1. 網(wǎng)頁(yè)布局
高手班
1. 移動(dòng)Web 2. JavaScript 3. 數(shù)據(jù)可視化看板項(xiàng)目 4. Vue.js 5. Vue2項(xiàng)目 6. Vue2進(jìn)階項(xiàng)目 7. 神領(lǐng)物流平臺(tái) 8. 小程序&多端開(kāi)發(fā) 9. 原生小程序項(xiàng)目 10. uni-app小程序項(xiàng)目 11. 鴻蒙應(yīng)用開(kāi)發(fā) 12. 鴻蒙應(yīng)用開(kāi)發(fā)項(xiàng)目 13. React.js
線(xiàn)上加薪課
1. React.js 高級(jí) 2. 多端跨平臺(tái) 3. 前端工程化 4. 前端服務(wù)化
HTML&JS+前端V8.6版本
課時(shí):10天 技術(shù)點(diǎn):68項(xiàng) 測(cè)驗(yàn):1次 學(xué)習(xí)方式:新型面授
借助PxCook工具，參照設(shè)計(jì)稿，能綜合使用HTML+CSS技術(shù)完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開(kāi)發(fā)
1. HTMLHTML 負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)層，是網(wǎng)頁(yè)開(kāi)發(fā)的基礎(chǔ)，從最簡(jiǎn)單的網(wǎng)頁(yè)骨架搭建入手，使用常見(jiàn)的 HTML 標(biāo)簽豐富網(wǎng)頁(yè)結(jié)構(gòu)。
HTML基礎(chǔ)語(yǔ)法|排版標(biāo)簽|路徑|多媒體標(biāo)簽|鏈接標(biāo)簽|列表標(biāo)簽|表格標(biāo)簽|表單標(biāo)簽|布局標(biāo)簽|語(yǔ)義化標(biāo)簽|字符實(shí)體
2. CSS在 HTML 搭建的網(wǎng)頁(yè)結(jié)構(gòu)基礎(chǔ)上，通過(guò) CSS 選擇器 精準(zhǔn)選擇標(biāo)簽，使用外觀、盒模型相關(guān)屬性完成網(wǎng)頁(yè)全部?jī)?nèi)容，學(xué)習(xí)傳統(tǒng)浮動(dòng)、定位等完成網(wǎng)頁(yè)布局，側(cè)重使用 Flex 布局技巧精準(zhǔn)控制網(wǎng)頁(yè)布局，最終結(jié)合背景、圓角、陰影等裝飾屬性進(jìn)一步美化網(wǎng)頁(yè)效果，達(dá)到能夠編寫(xiě)企業(yè)級(jí)大型綜合網(wǎng)頁(yè)。
選擇器|外觀|文字|背景|標(biāo)準(zhǔn)流|三大特性|盒模型|偽元素|浮動(dòng)|偽類(lèi)|定位|圓角|陰影|透明|過(guò)渡|flex 布局
3. 企業(yè)級(jí)小兔鮮兒電商項(xiàng)目首頁(yè)制作借助PxCook工具，基于設(shè)計(jì)稿編寫(xiě)網(wǎng)頁(yè)，確保網(wǎng)頁(yè)的高度還原，通過(guò)綜合運(yùn)用 HTML + CSS 技術(shù)，按照實(shí)際項(xiàng)目開(kāi)發(fā)流程，歸納開(kāi)發(fā)技巧，提升綜合實(shí)戰(zhàn)水平，最終完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開(kāi)發(fā)。
精靈圖|文檔編碼|性能優(yōu)化|布局技巧|SEO|性能優(yōu)化|版心|設(shè)計(jì)稿|PxCook
課時(shí):5天 技術(shù)點(diǎn):18項(xiàng) 測(cè)驗(yàn):1次 學(xué)習(xí)方式:線(xiàn)下面授
1. 使用CSS高級(jí)特效，豐富網(wǎng)頁(yè)元素的呈現(xiàn)方式和效果| 2. 使用rem或vw、vh實(shí)現(xiàn)網(wǎng)頁(yè)元素寬高隨著視口變化等比縮放的效果| 3. 使用bootstrap框架布局響應(yīng)式網(wǎng)頁(yè)
1. CSS高級(jí)特效使用css高級(jí)特效豐富網(wǎng)頁(yè)元素的呈現(xiàn)方式和效果。
字體圖標(biāo)|2D轉(zhuǎn)換|3D轉(zhuǎn)換|動(dòng)畫(huà)
2. 移動(dòng)適配首先介紹Flex布局模型,實(shí)現(xiàn)移動(dòng)端網(wǎng)頁(yè)的基本布局;再講解兩種移動(dòng)端網(wǎng)頁(yè)適配不同分辨率的解決方案,并使用不同的解決方案制作網(wǎng)頁(yè)元素寬高隨著視口的變化而等比縮放的效果。
rem|vw/vh|Less基礎(chǔ)語(yǔ)法|視口|分辨率|二倍圖|移動(dòng)適配|媒體查詢(xún)
3. 響應(yīng)式學(xué)習(xí)響應(yīng)式的原理,并使用bootstrap框架完成響應(yīng)式網(wǎng)頁(yè)的布局。
媒體查詢(xún)|bootstrap框架|柵格系統(tǒng)|組件|響應(yīng)式網(wǎng)頁(yè)布局
課時(shí):20天 技術(shù)點(diǎn):98項(xiàng) 測(cè)驗(yàn):0次 學(xué)習(xí)方式:線(xiàn)下面授
1. 掌握 JavaScript 核心語(yǔ)法，培養(yǎng)編程邏輯思維| 2. 掌握 DOM 和 BOM 對(duì)象的常用屬性和方法，能夠完成網(wǎng)頁(yè)常見(jiàn)的交互效果| 3. 掌握 JavaScript 底層工作機(jī)制和 ES6+ 高級(jí)特性，能夠高效實(shí)現(xiàn)業(yè)務(wù)邏輯| 4. 能夠使用 axios 實(shí)現(xiàn) Ajax 操作，為后續(xù)項(xiàng)目課做好技術(shù)鋪墊| 5. 能夠運(yùn)用 Git 管理前端項(xiàng)目，并且使用 Git 分支進(jìn)行多人協(xié)同開(kāi)發(fā)| 6. 能夠使用 Promise 與 async/await 高效的實(shí)現(xiàn)異步操作
1. JavaScript核心學(xué)習(xí)JavaScript核心語(yǔ)法規(guī)則，深入理解 ECMAScript 的知識(shí)體系及工作機(jī)制。
變量|基本數(shù)據(jù)類(lèi)型|數(shù)據(jù)類(lèi)型的轉(zhuǎn)換|運(yùn)算符|if分支|switch分支|三元表達(dá)式|while循環(huán)|for循環(huán)|數(shù)組|函數(shù)|對(duì)象|內(nèi)置對(duì)象|let|const|字面量|構(gòu)造函數(shù)|單體對(duì)象|面向?qū)ο?span>|原型 |解構(gòu)|Object|剩余|展開(kāi)|閉包|箭頭函數(shù)|Array |嚴(yán)格模式|繼承|防抖|節(jié)流|異常處理|深淺拷貝
2. WebAPI學(xué)習(xí)DOM和BOM對(duì)象的屬性和方法,以完成網(wǎng)頁(yè)常見(jiàn)的交互效果。
DOM樹(shù)|DOM對(duì)象|獲取元素|innerHTML|style|className|classList|間歇函數(shù)|延遲函數(shù)|事件監(jiān)聽(tīng)|鼠標(biāo)事件|鍵盤(pán)事件|高階函數(shù)|環(huán)境對(duì)象|節(jié)點(diǎn)操作|事件流|事件委托|元素位置|BOM|window對(duì)象|swiper插件|本地存儲(chǔ)|自定義屬性|正則表達(dá)式
3. Ajax利用 axios 發(fā)起 Ajax 請(qǐng)求，實(shí)現(xiàn)前后端的數(shù)據(jù)交互。并講解 HTTP 請(qǐng)求的過(guò)程以及 Ajax 的底層原理。深入學(xué)習(xí) JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡(jiǎn)化異步操作。
XMLHttpRequest |Promise|async/await|EventLoop 宏任務(wù)|微任務(wù)|客戶(hù)端與服務(wù)器|axios請(qǐng)求與響應(yīng)報(bào)文|接口|form 表單|攔截器|FormData|文件上傳
4. Git能夠創(chuàng)建 Git 倉(cāng)庫(kù)管理前端項(xiàng)目，基于 Git 分支進(jìn)行多人協(xié)同開(kāi)發(fā)，并且能夠把本地的 Git 倉(cāng)庫(kù)同步到遠(yuǎn)程碼云或 Github 倉(cāng)庫(kù)中。
安裝和配置 Git|Git 本地操作的常用命令|.gitignore 忽略文件|Git 分支與常用命令|遠(yuǎn)程倉(cāng)庫(kù)的使用
課時(shí):3天技術(shù)點(diǎn):8項(xiàng)測(cè)驗(yàn):0次學(xué)習(xí)方式:線(xiàn)下面授
1. 掌握Echarts 各類(lèi)型數(shù)據(jù)可視化圖表的應(yīng)用| 2. 能夠根據(jù)需要求創(chuàng)建折線(xiàn)圖、K線(xiàn)圖、地圖等圖表| 3. 掌握前后端分離技術(shù)的實(shí)現(xiàn)方式并了解其意義| 4. 掌握使用token進(jìn)行訪問(wèn)鑒權(quán)功能實(shí)現(xiàn)
數(shù)據(jù)看板是一個(gè)數(shù)據(jù)可視化項(xiàng)目，通過(guò)折線(xiàn)圖、K線(xiàn)圖、柱狀圖等圖表形式歸納匯總大量數(shù)據(jù)，以實(shí)現(xiàn)更加直觀的數(shù)據(jù)表達(dá)效果。學(xué)員通過(guò)學(xué)習(xí)該項(xiàng)目，能夠掌握數(shù)據(jù)可視化、異步編程、實(shí)時(shí)數(shù)據(jù)獲取等技術(shù)解決方案，適合有基礎(chǔ)希望技能強(qiáng)化的IT人員繼續(xù)學(xué)習(xí)。
1. 基于 bootstrap 的響應(yīng)式頁(yè)面布局方案| 2. 基于 echarts 的數(shù)據(jù)可視化解決方案| 3. 基于 token 的訪問(wèn)權(quán)限控制解決方案
1.基于axios 實(shí)現(xiàn)網(wǎng)站注冊(cè)和登錄功能| 2.基于 Echarts 結(jié)合需求高度自定義不同類(lèi)型的可視化圖表| 3.Ajax、數(shù)據(jù)渲染和服務(wù)端推送前后端分離技術(shù)的應(yīng)用| 4.基于 token 的訪問(wèn)權(quán)限控制功能
課時(shí):28天 技術(shù)點(diǎn):192項(xiàng) 測(cè)驗(yàn):0次 學(xué)習(xí)方式:線(xiàn)下面授
1. 通過(guò) Vue2 和 Vue3 的核心知識(shí)學(xué)習(xí)，掌握企業(yè)開(kāi)發(fā)中常見(jiàn)業(yè)務(wù)功能實(shí)現(xiàn)| 2. 通過(guò)深入 Vue 技術(shù)棧學(xué)習(xí) vue-router vuex vant element-ui 等主流技術(shù)，掌握企業(yè)級(jí)項(xiàng)目開(kāi)發(fā)方式，如移動(dòng)端H5項(xiàng)目與PC端管理項(xiàng)目| 3. 掌握 qiankun 微前端技術(shù)，具備重構(gòu)巨石應(yīng)用的能力，實(shí)現(xiàn)技術(shù)棧無(wú)關(guān)開(kāi)發(fā)方式| 4. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開(kāi)發(fā)能力
1. 框架前置課掌握模塊化思想，npm包管理，webpack基礎(chǔ)，初探工程化開(kāi)發(fā)。
Node.js安裝|fs模塊|path模塊|http模塊|npm|包配置文件|npm常用命令|模塊化概念|CommonJS|ES6Module|工程化開(kāi)發(fā)概念|webpack基礎(chǔ)配置|dev-server|webpack插件|常用loader|babel
2. Vue2.x 核心運(yùn)用Vue2.0全家桶核心內(nèi)容實(shí)現(xiàn)開(kāi)發(fā)中常見(jiàn)的功能，如購(gòu)物車(chē)，經(jīng)典列表、TodoMVC等。運(yùn)用 Vant 開(kāi)發(fā)移動(dòng)端，運(yùn)用element-ui開(kāi)發(fā)PC后臺(tái)管理系統(tǒng)。
MVVM|SPA|Vue 調(diào)試工具|虛擬DOM|diff算法|指令系統(tǒng)|v-model原理|數(shù)據(jù)選項(xiàng)|生命周期 |樣式穿透|動(dòng)態(tài)樣式|插槽|組件系統(tǒng)|組件通信|自定義指令|ref|動(dòng)態(tài)組件|$nextTick|自定義事件|計(jì)算屬性|偵聽(tīng)器|組件庫(kù)|組件封裝 |keep-alive|路由系統(tǒng)|導(dǎo)航守衛(wèi)|vue-cli |vuex|vant|element-ui|路由懶加載
3. Vue3.x 核心掌握 Vue3 新特性、Vite 新一代構(gòu)建工具、組合式 API、Pinia 等。
Vite|原生ESM|選項(xiàng)API|組合API|setup|生命周期|ref|reactive|toRef|toRefs|computed|watch|watchEffect|組件通信|依賴(lài)注入|ref 邊界|Pinia
4. 微前端掌握 qiankun 微前端庫(kù)，重構(gòu)巨石應(yīng)用、做到與技術(shù)無(wú)關(guān)。
qiankunJS|實(shí)現(xiàn) JS 沙箱|樣式隔離|資源預(yù)加載，應(yīng)用間通信，共用組件抽離
5. Three.js掌握 three.js web 3D技術(shù)，具備大屏3D可視化開(kāi)發(fā)能力;
場(chǎng)景|攝像機(jī)|渲染器|坐標(biāo)軸|GUI 工具|性能監(jiān)視器|動(dòng)效|進(jìn)階網(wǎng)絡(luò)材質(zhì)|燈光|Gsap 動(dòng)畫(huà)庫(kù)|模型文件|相機(jī)位置|CSS 渲染器|clone 使用|內(nèi)存釋放|模型壓縮|陰影貼圖|植入Vue3項(xiàng)目
6. Vue 原理掌握 Vue 底層原理
響應(yīng)式數(shù)據(jù)原理 Vue2&Vue3|虛擬 DOM|Diff 算法|AST 抽象語(yǔ)法樹(shù)|Vue 響應(yīng)式系統(tǒng)
課時(shí):5天學(xué)習(xí)方式:線(xiàn)下面授
面經(jīng)全端項(xiàng)目
極客園H5項(xiàng)目
面經(jīng)系統(tǒng)，由面試經(jīng)驗(yàn)文章PC管理后臺(tái)，個(gè)人H5端面試文章瀏覽組成。學(xué)員學(xué)習(xí)該項(xiàng)目，能夠鍛煉對(duì) Vue 完整技術(shù)棧的運(yùn)用。同時(shí)該項(xiàng)目還涵蓋了 token 身份認(rèn)證、Vue 組件庫(kù)、文件上傳、富文本編輯器等前端技術(shù)解決方案，移動(dòng)端開(kāi)發(fā)，適合剛?cè)胧?Vue 框架、希望通過(guò)項(xiàng)目開(kāi)發(fā)來(lái)鞏固 Vue 基礎(chǔ)的前端開(kāi)發(fā)者學(xué)習(xí)。
1. 掌握 element-ui 組件庫(kù)的運(yùn)用| 2. 掌握 axios 以及攔截器的應(yīng)用| 3. 掌握 Vuex 管理全局狀態(tài)的技術(shù)解決方案| 4. 熟練使用 vue-router 管理組件的切換展示| 5. 掌握 element-ui 中如何自定義表單的校驗(yàn)規(guī)則| 6. 掌握文件上傳和富文本編輯器在 Vue 項(xiàng)目中的應(yīng)用| 7. 掌握 Vant 組件庫(kù)的運(yùn)用| 8. 掌握使用 postcss-px-to-viewport 實(shí)現(xiàn)移動(dòng)端適配
1.token身份認(rèn)證解決方案| 2.文件上傳解決方案| 3.富文本編輯解決方案| 4.表單驗(yàn)證解決方案| 5.基于vant的移動(dòng)端界面構(gòu)建方案| 6.基于postcss-px-to-viewport移動(dòng)端適配方案
1. 基于 vue-cli 創(chuàng)建工程化的 Vue 項(xiàng)目| 2. 基于 element-ui 組件庫(kù)快速實(shí)現(xiàn)項(xiàng)目布局| 3. 用戶(hù)注冊(cè)與登錄的業(yè)務(wù)解決方案| 4. 使用 Vuex 管理全局共享的數(shù)據(jù)| 5. 使用 axios 實(shí)現(xiàn)前后端的數(shù)據(jù)交互| 6. 基于 vant 組件庫(kù)快速構(gòu)建移動(dòng)端界面
「極客園」對(duì)標(biāo)“CSDN”、“博客園”等競(jìng)品，致力成為更加貼近年輕 IT 從業(yè)者（學(xué)員）的科技資訊類(lèi)應(yīng)用。 本項(xiàng)目是極客園移動(dòng)端，主要涵蓋了H5端新聞資訊類(lèi)項(xiàng)目的核心業(yè)務(wù)。包括首頁(yè)文章列表上拉加載與刷新，頻道管理，本地線(xiàn)上頻道管理，文章搜索，文章評(píng)論與回復(fù)，組件緩存，token過(guò)期與刷新處理，用戶(hù)權(quán)限攔截，個(gè)人信息修改解決方案。
進(jìn)入項(xiàng)目體驗(yàn)能夠獨(dú)立運(yùn)用 vue2 + vant 搭建H5應(yīng)用能力，能夠?qū)崿F(xiàn)文章列表、頻道管理、評(píng)論與回復(fù)、用戶(hù)權(quán)限控制等特色業(yè)務(wù)。
1.使用vue-cli創(chuàng)建vue單頁(yè)應(yīng)用解決方案| 2.使用vue-router實(shí)現(xiàn)前端路由解決方案| 3.使用vue-vuex實(shí)現(xiàn)狀態(tài)管理解決方案| 4.使用vant快速搭建移動(dòng)界面解決方案| 5.使用json-bigint處理最大安全整數(shù)解決方案| 6.使用iconfont實(shí)現(xiàn)前端多色字體圖標(biāo)解決方案| 7.使用dayjs處理相對(duì)時(shí)間計(jì)算解決方案| 8.使用soket.io實(shí)現(xiàn)即時(shí)通訊解決方案| 9.使用postcss-px-to-viewport 實(shí)現(xiàn)移動(dòng)端適配解決方案
vue2 + vant + vuex + vue-router 全家桶|移動(dòng)端項(xiàng)目搭建|vw 適配方案|Token 過(guò)期處理|動(dòng)態(tài)編輯|上拉加載|下拉刷新|評(píng)論與回復(fù)|搜索功能|DayJS|數(shù)據(jù)持久化|圖片懶加載 |組件定制|組件封裝|性能優(yōu)化|移動(dòng)端1px像素|Icon處理|表單驗(yàn)證|倒計(jì)時(shí)|攔截器|緩存組件封裝|websocket
課時(shí):11天學(xué)習(xí)方式:線(xiàn)下面授
智慧園區(qū)微前端項(xiàng)目
人力資源項(xiàng)目1～2開(kāi)發(fā)
黑馬智數(shù)是一個(gè)數(shù)字化園區(qū)管理項(xiàng)目，該項(xiàng)目后臺(tái)可以在線(xiàn)管理園區(qū)內(nèi)的樓宇、企業(yè)、車(chē)輛和一體桿等資源，可視化大屏通過(guò)園區(qū)3D模型實(shí)時(shí)展示園區(qū)概況。學(xué)員通過(guò)該項(xiàng)目能學(xué)到如何用qiankun搭建微前端架構(gòu)、用Echarts進(jìn)行數(shù)據(jù)可視化、以及前沿的3D模型展示等技術(shù)方案。
進(jìn)入項(xiàng)目體驗(yàn)1.掌握Vue + Element技術(shù)棧在開(kāi)發(fā)管理型后臺(tái)項(xiàng)目的技術(shù)開(kāi)發(fā)能力| 2.具備角色、人員、權(quán)限類(lèi)系統(tǒng)的設(shè)計(jì)整體設(shè)計(jì)及應(yīng)用能力| 3.擁有Vue.js相關(guān)的技術(shù)要點(diǎn)及配套的插件，解決方案深度使用能力| 4. 具備使用 qiankun 搭建微前端項(xiàng)目的能力| 5. 具備使用 echarts、three.js 等圖形工具，開(kāi)發(fā) 2D、3D數(shù)據(jù)可視化平臺(tái)能力|
1. 基于 element-ui 和 vue2 大型中臺(tái)項(xiàng)目開(kāi)發(fā)解決方案| 2. 基于axios封裝請(qǐng)求工具模塊解決方案| 3. 基于token的前端登錄解決方案| 4. vuex分模塊持久化解決方案| 5. RBAC 項(xiàng)目權(quán)限控制解決方案| 6. 基于 qiankun 企業(yè)內(nèi)中后臺(tái)項(xiàng)目的拆分維護(hù)| 7. 基于 three.js 的3D模型交互| 8. 多語(yǔ)言動(dòng)態(tài)主題解決方案| 9. 無(wú)限列表滾動(dòng)解決方案
vue-element-admin（請(qǐng)求模塊化，請(qǐng)求工具攔截，scss 樣式，布局組件）|Vuex 持久化（state，mutations，actions，getters 和 modules）|Vue CLI 配置(webpack)|反向代理|ElementUI 表單校驗(yàn)（async-validator）|vue-router 導(dǎo)航守衛(wèi)|token 認(rèn)證|token 失效控制|角色管理業(yè)務(wù)|RBAC 權(quán)限|Vuex + 路由 + RBAC|動(dòng)態(tài)路由|角色權(quán)限|混入 mixns|全屏（screenfull）|tabs 頁(yè)多頁(yè)簽組件|vue-i18n 國(guó)際化方案|history 路由模式的應(yīng)用|樹(shù)形菜單 |element 列表的數(shù)據(jù)過(guò)濾|導(dǎo)入導(dǎo)出 Excel|el-upload 上傳第三方云服務(wù)器|打包性能分析|CDN 加速的實(shí)踐應(yīng)用|組件封裝|業(yè)務(wù)組件封裝|three.js 模型加載和交互方案|qiankun 搭建微前端架構(gòu)|Echarts 自定義可視化圖表|lodash|seamless-scroll 數(shù)據(jù)無(wú)縫滾動(dòng)|行車(chē)管理|一體桿管理|企業(yè)管理|物業(yè)費(fèi)管理
iHRM是一款基于SaaS平臺(tái)的人力資源管理系統(tǒng)， 企業(yè)通過(guò)該系統(tǒng)可以完成公司組織架構(gòu)管理、員工管理、角色管理、權(quán)限管理（審批、考勤、社保）等，為企業(yè)的人力資源管理提供一站式解決方案。
進(jìn)入項(xiàng)目體驗(yàn)能獨(dú)立運(yùn)用 vue-admin-template 搭建中后臺(tái)應(yīng)用能力，能夠?qū)崿F(xiàn) rbac 權(quán)限管理，企業(yè)組織架構(gòu)管理，審批、考勤、社保等特色業(yè)務(wù)。
1. 基于element-ui和vue2大型中臺(tái)項(xiàng)目開(kāi)發(fā)解決方案2. 基于axios封裝請(qǐng)求工具模塊解決方案| 3. 基于token的前端登錄解決方案| 4. vuex分模塊持久化解決方案| 5. RBAC大型中臺(tái)項(xiàng)目權(quán)限控制解決方案| 6. excel批量導(dǎo)入導(dǎo)出解決方案| 7. 上傳組件封裝解決方案| 8. 多語(yǔ)言動(dòng)態(tài)主題解決方案| 9. 樹(shù)形結(jié)構(gòu)處理解決方案| 10. 基于 qrcode 的掃碼登錄解決方案| 11. 基于高德地圖的電子圍欄解決方案| 12. 基于cropper.js 的圖像裁剪解決方案| 13. 基于輪詢(xún)的消息通知和群發(fā)解決方案
vue-element-admin（請(qǐng)求模塊化，請(qǐng)求工具攔截，scss 樣式，布局組件）|Vuex 持久化（state，mutations，actions，getters 和 modules）|Vue CLI 配置(webpack)|反向代理|ElementUI 表單校驗(yàn)（async-validator）|vue-router 導(dǎo)航守衛(wèi)|token 認(rèn)證|token 失效控制|角色管理業(yè)務(wù)|RBAC 權(quán)限|Vuex + 路由 + RBAC|動(dòng)態(tài)路由|角色權(quán)限|混入 mixns|工作日歷|Echarts 雷達(dá)圖 |全屏（screenfull）|tabs 頁(yè)多頁(yè)簽組件|vue-i18n 國(guó)際化方案|history 路由模式的應(yīng)用|樹(shù)形菜單 |element 列表的數(shù)據(jù)過(guò)濾|導(dǎo)入導(dǎo)出 Excel|Excel 復(fù)雜型表頭|PDF 打印（vue-print-nb）|el-upload 上傳第三方云服務(wù)器|打包性能分析|CDN 加速的實(shí)踐應(yīng)用|組件封裝|業(yè)務(wù)組件封裝|掃碼登錄|電子圍欄|頭像裁剪|消息群發(fā)|員工考勤
課時(shí):4天技術(shù)點(diǎn):24項(xiàng)測(cè)驗(yàn):0次學(xué)習(xí)方式:團(tuán)隊(duì)實(shí)戰(zhàn)
能夠多開(kāi)發(fā)協(xié)作共同完成基于 vue-admin-template 搭建企業(yè)級(jí)中后臺(tái)項(xiàng)目，能獨(dú)立分析需求并按需求實(shí)現(xiàn)功能，能夠解決測(cè)試過(guò)程中發(fā)現(xiàn)的BUG、掌握完整的業(yè)務(wù)開(kāi)發(fā)流程，完成基礎(chǔ)數(shù)據(jù)管理、車(chē)輛管理、訂單和運(yùn)單管理、調(diào)度管理等特色業(yè)務(wù)。
基于Vue2和ElementUI開(kāi)發(fā)的神領(lǐng)物流平臺(tái)對(duì)標(biāo)主流快遞物流公司的TMS系統(tǒng)，包含運(yùn)輸任務(wù)管理、訂單管理、線(xiàn)路管理以及運(yùn)費(fèi)管理等核心業(yè)務(wù)。TMS系統(tǒng)能夠?qū)?chē)輛、駕駛員、線(xiàn)路等進(jìn)行全面詳細(xì)的統(tǒng)計(jì)考核，能大大提高運(yùn)作效率，降低運(yùn)輸成本。
進(jìn)入項(xiàng)目體驗(yàn)1. 基于 vue-admin-template 企業(yè)級(jí)中后臺(tái)模板方案| 2. 基于 echarts-liquidfill 液體圖表解決方案| 3. 基于 vue-baidu-map 地圖業(yè)務(wù)解決的方案| 4. 基于 mockjs 的前端數(shù)據(jù)模擬方案| 5. 基于 vue-treeselect 樹(shù)形下拉框解決方案| 6. 基于 vuex 的狀態(tài)管理解決方案
vue2 + element + vue-router + vuex 全家桶| vue-admin-template中后臺(tái)模板|echarts 圖表|echarts-liquidfill 液體圖表|mockjs 數(shù)據(jù)|vue-treeselect 樹(shù)形下拉框|機(jī)構(gòu)管理|機(jī)構(gòu)作業(yè)范圍|運(yùn)費(fèi)管理|車(chē)型管理|車(chē)輛列表|回車(chē)登記|快遞員管理|司機(jī)管理|排班管理|訂單管理|運(yùn)單管理|運(yùn)輸任務(wù)管理|線(xiàn)路管理|取件作業(yè)管理|派件作業(yè)管理
課時(shí):16天 技術(shù)點(diǎn):87項(xiàng) 測(cè)驗(yàn):0次 學(xué)習(xí)方式:線(xiàn)下面授
1. 掌握原生小程序開(kāi)發(fā)，能夠獨(dú)立完成原生小程序項(xiàng)目開(kāi)發(fā)。 2. 掌握 uni-app 多端框架，能夠獨(dú)立開(kāi)發(fā)小程序和其他端的開(kāi)發(fā)。
1. 原生小程序了解小程序開(kāi)發(fā)的一般流程序，熟悉小程基礎(chǔ)組件的使用，能夠基于 wxml 和 wxss 實(shí)現(xiàn)小程序的界面布局，基于模板的數(shù)據(jù)綁定實(shí)現(xiàn)數(shù)據(jù)的動(dòng)態(tài)渲染，基于 API 實(shí)現(xiàn)與服務(wù)端的數(shù)據(jù)通信，以及熟悉其它高級(jí) API 的使用。
賬號(hào)申請(qǐng)|開(kāi)發(fā)工具|工程目錄|項(xiàng)目配置|屏幕適配|資源托管|字體圖標(biāo)|數(shù)據(jù)綁定|事件處理|生命周期|場(chǎng)景值|模塊化|網(wǎng)絡(luò)請(qǐng)求|路由|WXS|模板|組件|UI 框架|表單|Promise
2. uni-app理解 uni-app 實(shí)現(xiàn)跨平臺(tái)開(kāi)發(fā)的原理機(jī)制，理清單文件組件與原生小程序組件的對(duì)應(yīng)關(guān)系，以及 uni-app 開(kāi)發(fā)小程序時(shí)開(kāi)發(fā)時(shí)與原生小程序的差異。
腳手架|項(xiàng)目配置|單文件組件|生命周期|條件編譯|計(jì)算屬性|跨平臺(tái)支持|less|sass|組件通信
課時(shí):4天學(xué)習(xí)方式:線(xiàn)下面授
享+生活原生小程序項(xiàng)目
智慧商城原生小程序項(xiàng)目
享+社區(qū)是一個(gè)生活類(lèi)的小程序項(xiàng)目，主要服務(wù)于小區(qū)業(yè)主，為其提供生活家電報(bào)修、訪客門(mén)禁通行的的功能，該項(xiàng)目主要包含房屋管理、報(bào)修管理、訪客管理、用戶(hù)管理、通知管理等功能模塊，技術(shù)棧以原生小程序技術(shù)為主配合了 Vant 組件庫(kù)。
1. 掌握開(kāi)發(fā)原生小程序項(xiàng)目能力| 2. 掌握微信請(qǐng)求工具封裝和使用| 3. 掌握微信用戶(hù)登錄和登錄狀態(tài)檢測(cè)解決方案| 4. 掌握基于騰訊位置服務(wù)實(shí)現(xiàn)地理定位檢索| 5. 掌握基于微信二維碼服務(wù)實(shí)現(xiàn)訪客通行證
1. 微信小程序 vant 組件解決方案| 2. 微信請(qǐng)求工具解決方案| 3. 微信用戶(hù)登錄和登錄狀態(tài)檢測(cè)解決方案| 4. 騰訊位置服務(wù)實(shí)現(xiàn)地理定位檢索解決方案| 5. 微信二維碼服務(wù)解決方案
自定義組件|Vant 組件庫(kù)|getApp|getCurrentPages|封裝 http 模塊|rich-text 渲染富文本|登錄狀態(tài)檢測(cè)|短信驗(yàn)證碼|validate 數(shù)據(jù)校驗(yàn)|騰訊地理定位|逆地址解析|圖片上傳|房屋維護(hù)|SwipeCell 滑動(dòng)單元格|訪客維護(hù)|生成二維碼|自定義分享和轉(zhuǎn)發(fā)|在線(xiàn)報(bào)修
智慧商城是對(duì)標(biāo)綜合品類(lèi)的網(wǎng)上商城項(xiàng)目，用戶(hù)可以方便快捷的網(wǎng)上購(gòu)物，使用原生微信小程序技術(shù)開(kāi)發(fā)。項(xiàng)目包括首頁(yè)，商品分類(lèi)，商品詳情，登錄，購(gòu)物車(chē)，用戶(hù)中心，訂單等電商核心模塊。
能夠充分利用原生微信小程序框架，獨(dú)立開(kāi)發(fā)電商項(xiàng)目的首頁(yè)，商品分類(lèi)，商品詳情，登錄，購(gòu)物車(chē)，用戶(hù)中心，用戶(hù)訂單等核心電商模塊。
1.基于原生小程序開(kāi)發(fā)方案| 2.小程序路由管理方案| 3.小程序網(wǎng)絡(luò)請(qǐng)求和文件上傳封裝| 4.小程序自定義組件封裝| 5.小程序 tabBar 角標(biāo)處理| 6.適配安全區(qū)的導(dǎo)航欄封裝| 7.使用 vant-weapp 組件庫(kù)快速搭建界面| 8.使用 mobx 全局狀態(tài)管理| 9.項(xiàng)目分包等10+優(yōu)化方案
小程序運(yùn)行環(huán)境|原生配置項(xiàng)|框架接口|原生組件|自定義組件|第三方組件庫(kù)|npm 模塊管理|模板語(yǔ)法|生命周期|路由系統(tǒng)|事件系統(tǒng)|雙向綁定|狀態(tài)管理|組件通訊|網(wǎng)絡(luò)請(qǐng)求|文件上傳|本地存儲(chǔ)|分包加載|按需注入|業(yè)務(wù)域名配置|開(kāi)發(fā)調(diào)試
課時(shí):9天學(xué)習(xí)方式:線(xiàn)下面授
優(yōu)醫(yī)問(wèn)診 uni-app 項(xiàng)目
小兔鮮電商小程序項(xiàng)目
優(yōu)醫(yī)問(wèn)診是一個(gè)連接醫(yī)生和患者的移動(dòng)醫(yī)療行業(yè)H5應(yīng)用，通過(guò)高效、快速的在線(xiàn)問(wèn)診服務(wù)，為患者提供健康幫助，涵蓋了找醫(yī)生、快速問(wèn)診、開(kāi)藥門(mén)診、疾病查詢(xún)，健康百科等功能。該項(xiàng)目基于HBuilderX 使用 uni-app 開(kāi)發(fā)跨端應(yīng)用的能力，能夠完成多端兼容、打包App、原生界面開(kāi)發(fā)、地理定位、路徑規(guī)劃、即時(shí)通信。
1.能夠開(kāi)發(fā)跨平臺(tái)的小程序| 2.能夠獨(dú)立開(kāi)發(fā)小程序項(xiàng)目| 3.掌握微信登錄的實(shí)現(xiàn)方式| 4.掌握微信支付的實(shí)現(xiàn)方式
1.多端跨平臺(tái)開(kāi)發(fā)解決方案| 2.小程序微信登錄實(shí)現(xiàn)方案| 3.小程序微信支付實(shí)現(xiàn)方案| 4.下拉刷新/上拉加載交互實(shí)現(xiàn)方案| 5.數(shù)據(jù)緩存實(shí)現(xiàn)方案
1.uni-app跨平臺(tái)開(kāi)發(fā)框架| 2.uni-app插件市場(chǎng)| 3.組件封裝及自動(dòng)導(dǎo)入| 4.微信支付/登錄| 5.pinia 狀態(tài)管理| 6.基于vue3 技術(shù)實(shí)踐方案| 7.小程序云開(kāi)發(fā)
小兔鮮兒是一個(gè)經(jīng)典的電商類(lèi)小程序項(xiàng)目，包括商品、用戶(hù)、購(gòu)物車(chē)、訂單等核心功能模塊，采用 uni-app 框架做為跨平臺(tái)小程序開(kāi)發(fā)方案，并綜合運(yùn)用了原生小程序的組件化、模塊化、網(wǎng)絡(luò)請(qǐng)求、本地存儲(chǔ)、微信登錄、微信支付等技術(shù)，小兔鮮項(xiàng)目以企業(yè)的需求為基礎(chǔ)，有針對(duì)性的對(duì)課程進(jìn)行設(shè)計(jì)，學(xué)習(xí)本課程不僅能夠培養(yǎng)學(xué)員的實(shí)踐能力，還可以為就業(yè)提供有利的支撐。
能夠基于 uni-app 多端框架和 Vue3 技術(shù)棧，掌握獨(dú)立開(kāi)發(fā)可兼容微信小程序端、H5端、App 三個(gè)主流端的能力，能夠?qū)崿F(xiàn)電商項(xiàng)目的首頁(yè)，商品分類(lèi)，商品詳情，SKU選品，購(gòu)物車(chē)，微信登錄，用戶(hù)中心，用戶(hù)訂單等核心電商模塊
1. 小程序 uni-app 跨平臺(tái)開(kāi)發(fā)解決方案| 2. 小程序微信登錄|微信支付解決方案| 3. 多端網(wǎng)絡(luò)請(qǐng)求|文件上傳封裝| 4. 下拉刷新|上拉加載交互實(shí)現(xiàn)方案| 5. 多端兼容|調(diào)試|打包的解決方案| 6. 使用 pinia 全局狀態(tài)管理和多端持久化方案| 7. 使用 uni-ui 組件庫(kù)和自動(dòng)導(dǎo)入解決方案| 8. 自定義組件封裝解決方案| 9. uniCloud 云開(kāi)發(fā)解決方案
uni-app 框架|uni-ui 組件庫(kù)|uni 插件市場(chǎng)|HbuilderX 使用|VS Code 開(kāi)發(fā)配置|Vue3 組合式API|路由跳轉(zhuǎn)|路由傳參|Pinia 多端持久化存儲(chǔ)|多端網(wǎng)絡(luò)請(qǐng)求封裝|多端文件上傳|自定義組件封裝|組件通訊|上拉加載|下拉刷新|骨架屏|微信登錄|微信支付|跨端兼容|跨端調(diào)試|跨端打包|uniClound 云開(kāi)發(fā)
課時(shí):22天 技術(shù)點(diǎn):132項(xiàng) 測(cè)驗(yàn):0次 學(xué)習(xí)方式:線(xiàn)下面授
1. 掌握鴻蒙ArkTS范式語(yǔ)?開(kāi)發(fā)基礎(chǔ)， 使?ArkUI進(jìn)?鴻蒙原?應(yīng)?界?設(shè)計(jì)開(kāi)發(fā)| 2. 掌握鴻蒙ArkTS組件開(kāi)發(fā)，組件封裝，組件復(fù)?，組件傳值，組件更新，State模型，事件處理，?絡(luò)請(qǐng)求，原?能?應(yīng)?能項(xiàng)?基礎(chǔ)開(kāi)發(fā)能?，掌握鴻蒙任務(wù)管理、線(xiàn)程管理、萬(wàn)能卡?、數(shù)據(jù)管理、分布式應(yīng)?等，實(shí)現(xiàn)代碼?次開(kāi)發(fā)多端部署的能?| 3. 能夠掌握鴻蒙低代碼開(kāi)發(fā)，能夠掌握云服務(wù)提供的獨(dú)???、免安裝等便捷服務(wù)| 4. 掌握端云一體化工程概覽、工程創(chuàng)建及配置、端云一體化組件集成、云函數(shù)開(kāi)發(fā)及使用、云數(shù)據(jù)庫(kù)開(kāi)發(fā)和使用、一鍵式部署云工程的能力
1. 鴻蒙應(yīng)用開(kāi)發(fā)掌握鴻蒙應(yīng)用開(kāi)發(fā)核心技能：ArtTS語(yǔ)言核心聲明式UI方式，掌握鴻蒙常用能力集，掌握鴻蒙APP開(kāi)發(fā)能力，掌握鴻蒙混合應(yīng)用開(kāi)發(fā)，掌握元服務(wù)和端云一體化鴻蒙開(kāi)發(fā)能力。
@Entry ??修飾符|@Component 組件修飾符|@Styles 樣式復(fù)?|@Extends 系統(tǒng)組件擴(kuò)展|@State 組態(tài)|stateStyles 樣式多態(tài)|VP虛擬像素|條件渲染|循環(huán)渲染|復(fù)雜狀態(tài)|線(xiàn)性容器|?線(xiàn)性容器|@Prop 單向|@Link 雙向|@Provide 注?狀態(tài)|@Consume 消費(fèi)數(shù)據(jù)|@Observed 深度監(jiān)聽(tīng)|@ObjectLink 嵌套對(duì)象|數(shù)組對(duì)象 UI 更新|端云?體化?程概覽|?程創(chuàng)建及配置|端云?體化組件集成|云函數(shù)開(kāi)發(fā)及使?|云數(shù)據(jù)庫(kù)開(kāi)發(fā)和使?|?鍵式部署云?程
課時(shí):9天學(xué)習(xí)方式:線(xiàn)下面授
鴻蒙應(yīng)用-美蔻商城
鴻蒙應(yīng)用-神領(lǐng)物流
美蔻商城是一個(gè)"一對(duì)多"的電商購(gòu)物應(yīng)用，提供在線(xiàn)購(gòu)物的核心服務(wù)，涵蓋了商品列表、商品詳情、購(gòu)物車(chē)、商品評(píng)價(jià)、訂單管理等功能。該項(xiàng)目基于鴻蒙一對(duì)多開(kāi)發(fā)范式，采用了三層工程架構(gòu)配合多種UI適配方式，最終實(shí)現(xiàn)"一次開(kāi)發(fā)，多端部署的核心目標(biāo)",同時(shí)也應(yīng)用了鴻蒙系統(tǒng)的多種能力，比如多媒體技術(shù)，支付能力、混合開(kāi)發(fā)等等。
進(jìn)入項(xiàng)目體驗(yàn)1. 掌握 ArkTS 與 ArkUI 核心語(yǔ)法，搭建鴻蒙應(yīng)用界面| 2. 基于 http 模塊封裝 request 工具函數(shù)，實(shí)現(xiàn)網(wǎng)絡(luò)管理| 3. 基于 router 模塊實(shí)現(xiàn)路由封裝，實(shí)現(xiàn)訪問(wèn)權(quán)限控制| 4. 掌握自定義組件封裝，實(shí)現(xiàn)LoadingDialog、Skeleton、MiniCalendar等組件| 5. 基于 ArkTS 接口查詢(xún)?cè)O(shè)備，實(shí)現(xiàn)手機(jī)和平板適配
1. 掌握三層架構(gòu)的項(xiàng)目搭建方式| 2. 掌握通用項(xiàng)目請(qǐng)求工具Logger工具的封裝| 3. 掌握在線(xiàn)購(gòu)物的核心業(yè)務(wù)流程| 4. 掌握基于鴻蒙的圖片視頻壓縮技術(shù)| 5. 掌握基礎(chǔ)的Hybird混合開(kāi)發(fā)技術(shù)| 6. 掌握分布式數(shù)據(jù)存儲(chǔ)| 7. 掌握拍照、視頻等原生能力| 8. 掌握服務(wù)卡片開(kāi)發(fā)| 9. 掌握設(shè)備斷點(diǎn)多端適配技術(shù)
1. 一次開(kāi)發(fā)，多端部署| 2. 三層工程架構(gòu)| 3. 設(shè)備斷點(diǎn)適配| 4. 電商核心業(yè)務(wù)| 5. Hybrid混合開(kāi)發(fā)| 6. WLAN和多媒體技術(shù)使用| 7. 華為的應(yīng)用生態(tài)使用
端神領(lǐng)物流(1).png)
神領(lǐng)物流司機(jī)端，主要提供提貨交貨及車(chē)輛信息上報(bào)等功能。包含用戶(hù)名密碼登錄、提貨、在途、已完成、公告、系統(tǒng)通知、車(chē)輛信息、任務(wù)數(shù)據(jù)、系統(tǒng)設(shè)置等功能。采用 HarmonyOS的ArkTS 版本進(jìn)行開(kāi)發(fā)。
進(jìn)入項(xiàng)目體驗(yàn)能夠基于HarmonyOS提供的ArkTS語(yǔ)言范式去開(kāi)發(fā)鴻蒙生態(tài)的手機(jī)應(yīng)用，手機(jī)端登錄、待提貨、在途導(dǎo)航、已完成、異常上報(bào)、消息獲取、系統(tǒng)設(shè)置、圖片上傳、等物流行業(yè)相關(guān)的特色業(yè)務(wù)
1. 基于Harmony移動(dòng)原生應(yīng)用的架構(gòu)和設(shè)計(jì)方案| 2. 基于ArkTS中各類(lèi)組件的布局-開(kāi)發(fā)設(shè)計(jì)方案| 3. ArkTS組件通信協(xié)同封裝等狀態(tài)處理方案| 4. 基于ArkTS原生能力調(diào)用的解決方案| 5. 基于ArkTS中網(wǎng)絡(luò)請(qǐng)求的統(tǒng)一處理方案| 6. 基于鴻蒙設(shè)備適配的統(tǒng)一解決方案
HarmonyOS基于ArkTS范式開(kāi)發(fā)|目錄拆解|原生組件使用|組件封裝集成|原生能力調(diào)用|統(tǒng)一權(quán)限處理|設(shè)備適配|WebView嵌入調(diào)用|列表下拉刷新 上拉加載|組件通信|路由跳轉(zhuǎn)|參數(shù)傳遞|文件上傳|沙箱文件處理|多組件復(fù)用|開(kāi)發(fā)調(diào)試|性能優(yōu)化
課時(shí):9天 技術(shù)點(diǎn):80項(xiàng) 測(cè)驗(yàn):0次 學(xué)習(xí)方式:線(xiàn)下面授
通過(guò) React + Hooks + Redux Toolkit 的學(xué)習(xí)，實(shí)現(xiàn)多種業(yè)務(wù)場(chǎng)景下的功能開(kāi)發(fā)，如 B站評(píng)論、知乎頻道管理、美團(tuán)外賣(mài)、記賬本等業(yè)務(wù)功能
1. React 核心技術(shù)基于 React 腳手架（create-react-app）搭建React項(xiàng)目，掌握J(rèn)SX語(yǔ)法搭建頁(yè)面結(jié)構(gòu)，使用函數(shù)組件實(shí)現(xiàn)組件化開(kāi)發(fā)，掌握組件通訊在項(xiàng)目開(kāi)發(fā)中的使用。
create-react-app（CRA）|JSX|條件渲染|列表渲染|樣式處理|組件化開(kāi)發(fā)|函數(shù)組件|useState Hook|狀態(tài)不可變|事件綁定|事件對(duì)象|受控組件|useRef DOM操作|組件通信|父?jìng)髯?span>|子傳父|兄弟組件通訊|狀態(tài)提升|跨組件通訊|Context|useContext
2. Hooks 深入+路由掌握 useEffect Hook 的應(yīng)用，掌握 useRef Hook 的高級(jí)用法，理解 Hooks 原理，掌握 react-router-dom 的應(yīng)用。
useEffect|useRef 高級(jí)用法|useRef 保持引用不變|組件更新機(jī)制和特點(diǎn)|驗(yàn)證碼登錄倒計(jì)時(shí)|Hooks 原理|React 路由|Route|Routes|BrowserRouter|useRoutes|404頁(yè)面|編程式導(dǎo)航 useNavigate|子路由|路由嵌套
3. Redux +中間件 + Redux Toolkit掌握 React 最常用狀態(tài)管理工具 Redux 的基本使用，使用 react-redux 鏈接庫(kù)在 React 中使用 Redux，掌握 Redux 中間件 redux-thunk 用來(lái)處理異步請(qǐng)求，掌握 Redux Tookit 簡(jiǎn)化 Redux 的使用。
狀態(tài)管理流程|action|dispatch|store|reducer|redux-thunk中間件|combineReducers|react-redux|Redux Toolkit |Redux 調(diào)試工具|Redux 數(shù)據(jù)流|createAsyncThunk|基于Promise的thunk狀態(tài)|immer
4. 記賬本案例利用 React + Hooks + Redux Tookit 實(shí)現(xiàn)記賬本案例，對(duì)整個(gè) React 階段所學(xué)內(nèi)容進(jìn)行練習(xí)，驗(yàn)證我們是否掌握了 React 開(kāi)發(fā)能力。
組件庫(kù) antd-mobile|路由|axios 數(shù)據(jù)請(qǐng)求|記賬頁(yè)面|月度收支頁(yè)面|全部賬單頁(yè)面|useMemo Hook|自定義 Hooks|狀態(tài)邏輯復(fù)用|json-server 數(shù)據(jù)接口
課時(shí):118天 學(xué)習(xí)方式:線(xiàn)上學(xué)習(xí)
進(jìn)軍大廠必備，結(jié)合 TypeScript+Hooks 和函數(shù)式編程思想完成項(xiàng)目開(kāi)發(fā)。
1. TypeScript 基礎(chǔ)理解類(lèi)型系統(tǒng) 理解并能使用泛型 了解類(lèi)型的推斷過(guò)程 了解類(lèi)型的高級(jí)用法，能理解代碼
靜態(tài)類(lèi)型 | 基礎(chǔ)類(lèi)型和對(duì)象類(lèi)型 | 類(lèi)型注解和類(lèi)型推斷 | 函數(shù)相關(guān)類(lèi)型 | 數(shù)組和元組 | Interface 接口 | 類(lèi) | 繼承 | 構(gòu)造器 | Setter 和 Getter | 抽象類(lèi)
2. TypeScript 高階語(yǔ)法理解類(lèi)型系統(tǒng) 理解并能使用泛型 了解類(lèi)型的推斷過(guò)程 了解類(lèi)型的高級(jí)用法，能理解代碼
聯(lián)合類(lèi)型和類(lèi)型保護(hù) | Enum | 函數(shù)泛型 | 類(lèi)中的泛型 | 命名空間 | 模塊化 | 描述文件
3. Hooks理解 Effect Hooks 和 State Hooks 設(shè)計(jì)思想 理解 Hooks 應(yīng)用場(chǎng)景 掌握使用 Hooks 封裝一些組件
useState | useEffect | useContext | 自定義 Hooks
4. 函數(shù)式編程掌握 JavaScript 函數(shù)式編程范式，為閱讀前沿框架源碼，學(xué)習(xí)框架設(shè)計(jì)思想做儲(chǔ)備，例如：React、RxJS、cycleJS、lodashJS、underscoreJS 等。
純函數(shù) | 柯里化 | 函數(shù)組合 | Point Free | 聲明式與命令式
5. Redux 中間件理解業(yè)內(nèi)比較主流的 2 種數(shù)據(jù)管理設(shè)計(jì)思想 掌握如何運(yùn)用合適的數(shù)據(jù)管理工具在項(xiàng)目 能通過(guò)查看源碼對(duì)項(xiàng)目做一些性能優(yōu)化
React-Redux | redux-thunk | redux-saga
6. 小兔鮮兒后臺(tái)管理項(xiàng)目掌握基于 React 組件化技術(shù)解決方案 掌握結(jié)合 Redux 狀態(tài)管理 掌握用戶(hù)權(quán)限解決方案 掌握 AI 智能推薦方案 掌握秒殺 / 拼團(tuán) / 砍價(jià)方案 掌握物流追蹤方案 掌握數(shù)據(jù)導(dǎo)出方案 掌握第三方支付方案 掌握即時(shí)通訊方案 掌握短信服務(wù)方案 掌握流媒體方案 掌握單點(diǎn)登錄方案 掌握服務(wù)提醒方案
react 組件邏輯復(fù)用 | hooks 與組件生命周期 | useState | useEffect | useContext | useMemo 性能優(yōu)化 | react-router-dom | redux | redux-thunk | useReducer | 環(huán)信 | 百度push | 微軟小冰
課時(shí):124天 學(xué)習(xí)方式:線(xiàn)上學(xué)習(xí)
高級(jí)前端工程師必備技能，真正實(shí)現(xiàn)一套代碼多端運(yùn)行，減少開(kāi)發(fā)成本，提高開(kāi)發(fā)效率。
1. Flutter 小兔鮮兒項(xiàng)目掌握 Flutter 開(kāi)發(fā)環(huán)境搭建 掌握 Dart 語(yǔ)言基礎(chǔ) 掌握 Flutter 常見(jiàn)的布局方式 理解組件的概念及分類(lèi) 掌握基礎(chǔ)組件、容器類(lèi)組件、可滾動(dòng)組件、功能性組件的應(yīng)用
開(kāi)發(fā)環(huán)境搭建 | Dart 入門(mén) | StatelessWidget | StatefulWidget | 布局 | 路由和導(dǎo)航 | 手勢(shì) | 事件 | 資源文件 | 生命周期 | 拍照和圖片 | 動(dòng)畫(huà) | 網(wǎng)絡(luò)請(qǐng)求 | 列表組件 | 屏幕適配 | 混合開(kāi)發(fā) | 性能優(yōu)化 | Plugin | 打包發(fā)布
2. 小兔鮮兒原生小程序精講理解 Taro 實(shí)現(xiàn)跨平臺(tái)開(kāi)發(fā)的原理機(jī)制 理解單 JSX 組件與原生小程序組件的對(duì)應(yīng)關(guān)系 理解 Taro 開(kāi)發(fā)小程序與原生小程序的差異 掌握原生小程序消息推送方案 掌握原生小程序多線(xiàn)程方案 掌握原生小程序云開(kāi)發(fā)等高級(jí)方案
腳手架 | 項(xiàng)目配置 | 編譯配置 | 條件編譯 | 適配 | 跨平臺(tái)支持 | sass | 組件通信 | 分包加載 | 消息推送 | 多線(xiàn)程 | 插件 | 云開(kāi)發(fā)
3. PWA了解 PWA 能夠?qū)崿F(xiàn)通過(guò) PWA 技術(shù)強(qiáng)化 H5 網(wǎng)頁(yè)的原生特性 了解當(dāng)前 PWA 技術(shù)的瀏覽器兼容情況
PWA 簡(jiǎn)介與優(yōu)點(diǎn) | PWA 背后的技術(shù)與原理 | PWA 現(xiàn)狀 | manifest | serviceWorker | 消息推送的實(shí)現(xiàn) | PWA 瀏覽器兼容情況
課時(shí):9天 學(xué)習(xí)方式:線(xiàn)上學(xué)習(xí)
高級(jí)前端工程師必備技能，在項(xiàng)目開(kāi)發(fā)中實(shí)現(xiàn)自動(dòng)化、規(guī)范化、組件化、模塊化。
1. webpack 核心學(xué)會(huì) webpack 的配置 理解 webpack 的作用與原理 上手項(xiàng)目的打包過(guò)程配置 擁有工程化的前端思維 掌握前端工程化的常見(jiàn)工具及工作原理 了解 webpack 性能優(yōu)化 了解 webpack 中的 tapable 了解 AST 的應(yīng)用 深入學(xué)習(xí) webpack 原理，手寫(xiě) webpack
基本配置 | loader | plugin | sourc map | HMR | Shimming | CodeSplitting | TreeShaking | Caching | 性能優(yōu)化 | 多頁(yè)應(yīng)用 | PreLoading | PreFetching
2. 腳手架工具掌握 vue-cli 及相關(guān)配置 掌握 vue-cli 初始化單頁(yè)及多頁(yè)項(xiàng)目 掌握使用 create-react-app 搭建項(xiàng)目 了解 create-react-app 的原理 掌握 angular-cli 搭建項(xiàng)目 了解 angular-cli 的原理 掌握一個(gè)基礎(chǔ) cli 的功能實(shí)現(xiàn)
vue-cli | create-react-app | angular-cli | CLI 原理
3. git flow 全流程掌握提交相關(guān)：git rebase/git commit/git reflog/git log 掌握子模塊: submodule/subtree 掌握分支管理：git fetch/git checkout/git merge 掌握重置及回退：git reset/git checkout/git rm 掌握多人協(xié)同 git 工作流 掌握 git 常見(jiàn)的分支管理命令
rebase | commit | reflog | log | submodule | subtree | fetch | checkout | merge | reset | checkout | rm | mv | branch | switch | git flow
課時(shí):33天 學(xué)習(xí)方式:線(xiàn)上學(xué)習(xí)
1. Koa / eggKoa / egg / 中間件
對(duì) Egg 的功能有全面的理解 | 掌握使用 Egg 完成項(xiàng)目 | 理解 Koa 的核心設(shè)計(jì)思想 | 掌握 Koa 的中間件編寫(xiě)
2. NoSQLRedis / MongoDB
理解 redis 核心概念與使用 | 能使用 redis 運(yùn)用到項(xiàng)目中 | 理解 MongoDB 核心概念與使用 | 能使用 MongoDB 運(yùn)用到項(xiàng)目中
3. 性能監(jiān)控服務(wù)端日志收集系統(tǒng)設(shè)計(jì) 接入第三方監(jiān)控平臺(tái) 服務(wù)端錯(cuò)誤預(yù)警 分析用戶(hù)行為 建立用戶(hù)畫(huà)像
理解服務(wù)端日志收集系統(tǒng)設(shè)計(jì) | 掌握接入第三方監(jiān)控平臺(tái) | 掌握對(duì)服務(wù)端錯(cuò)誤預(yù)警 | 前端異常上報(bào) | 用戶(hù) PV/UV 統(tǒng)計(jì) | 頁(yè)面加載時(shí)間統(tǒng)計(jì) | 用戶(hù)點(diǎn)擊行為統(tǒng)計(jì) | 接口請(qǐng)求日志統(tǒng)計(jì) | 接口請(qǐng)求耗時(shí)統(tǒng)計(jì) | 靜態(tài)資源加載異常統(tǒng)計(jì) | 實(shí)現(xiàn) JS 頁(yè)面截圖 | JS 報(bào)錯(cuò)實(shí)時(shí)監(jiān)控統(tǒng)計(jì)分析 | 詳情分析和代碼定位 | 靜態(tài)資源加載異常實(shí)時(shí)監(jiān)控 | 靜態(tài)資源加載異常的統(tǒng)計(jì)分析 | 接口請(qǐng)求報(bào)錯(cuò)實(shí)時(shí)監(jiān)控 | 接口請(qǐng)求報(bào)錯(cuò)的統(tǒng)計(jì)分析 | 用戶(hù) PV/UV 實(shí)時(shí)統(tǒng)計(jì) | 記錄回放功能（詳細(xì)記錄用戶(hù)使用的足跡） | 7 日內(nèi)留存數(shù)據(jù)分析 | 版本號(hào)分析，瀏覽器分布，等信息分析 | 分析頁(yè)面加載性能數(shù)據(jù)
4. SSRSSR 運(yùn)行原理 SSR 環(huán)境搭建 緩存和 stream 性能優(yōu)化
理解 SSR 運(yùn)行原理及為什么需要使用 SSR | 掌握 SSR 環(huán)境搭建 | 掌握使用緩存和 stream 對(duì) SSR 進(jìn)行優(yōu)化 | 掌握 Nuxt.js / Next.js 的應(yīng)用
課程名稱(chēng)：主要針對(duì)：主要使用開(kāi)發(fā)工具：
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2023年11月15日
課程版本號(hào)
8.6
主要使用開(kāi)發(fā)工具
VSCode
課程介紹
優(yōu)勢(shì)一：課程升級(jí)深度調(diào)研市場(chǎng)需求，Vue、React提升和小程序提升，打造多方向發(fā)展的前端工程師。
優(yōu)勢(shì)二：順應(yīng)市場(chǎng)變化，緊跟宏觀戰(zhàn)略方向，推出鴻蒙應(yīng)用開(kāi)發(fā)課程，培養(yǎng) HarmonyOS 應(yīng)用開(kāi)發(fā)工程師。
優(yōu)勢(shì)三：覆蓋Vue2全家桶、Vue3+TypeScript、React+TypeScript、原生小程序，uni-app多端開(kāi)發(fā)等實(shí)用技術(shù)，滿(mǎn)足90%企業(yè)對(duì)前端工程師的需求。
優(yōu)勢(shì)四：研究院精心打造超大項(xiàng)目庫(kù)，多行業(yè)多領(lǐng)域項(xiàng)目覆蓋主流行業(yè)，項(xiàng)目課程天數(shù)占比60%以上，課程覆蓋主流就業(yè)領(lǐng)域，讓學(xué)生達(dá)到心儀企業(yè)的項(xiàng)目經(jīng)驗(yàn)要求。
優(yōu)勢(shì)五：多場(chǎng)景高效學(xué)習(xí)方式，短時(shí)間掌握實(shí)用技術(shù)。老師講法精進(jìn)，課程清晰明了；教和練結(jié)合，實(shí)操促進(jìn)吸收；每日作業(yè)，夯實(shí)學(xué)習(xí)成果；階段項(xiàng)目實(shí)戰(zhàn)，學(xué)以致用。
優(yōu)勢(shì)六：課程研發(fā)團(tuán)隊(duì)有積極參與開(kāi)源貢獻(xiàn)的老師們，有 vant 核心成員周老師，有 antd-mobile 合作者劉老師，有 uni-app 開(kāi)源貢獻(xiàn)蘇老師，為課程賦能。
1
新增面試寶典鴻蒙項(xiàng)目（ArkTS + ArtUI）
1
新增Three.js黑馬智數(shù)大屏項(xiàng)目（Vue3 + Three.js + Blender模型）
1
新增React+TS項(xiàng)目課程（React + TypeScript + Zustand）
1
新增智慧商城小程序項(xiàng)目實(shí)戰(zhàn)(原生小程序 + VantUI)
1
新增優(yōu)醫(yī)問(wèn)診uni-app多端項(xiàng)目（Vue3 + uni-app + HbuilderX）
1
新增Vue核心階段和TypeScript階段每日作業(yè)
1
優(yōu)化優(yōu)醫(yī)移動(dòng)端二次開(kāi)發(fā)項(xiàng)目(Vue3 + TypeScript + Pinia + Vant4 + Vite)
1
優(yōu)化神領(lǐng)物流團(tuán)隊(duì)實(shí)戰(zhàn)(Vue3 + ElementPlus組件庫(kù) + 自研模版)
1
優(yōu)化Ajax階段、Git數(shù)據(jù)可視化階段、框架前置階段每日作業(yè)
1
優(yōu)化JS核心階段、WebAP階段每日作業(yè)
1
優(yōu)化基礎(chǔ)班階段、移動(dòng)web階段每日作業(yè)
1
友情提示更多學(xué)習(xí)視頻+資料+源碼，請(qǐng)加QQ：2632311208。
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2023年4月17日
課程版本號(hào)
8.5
主要使用開(kāi)發(fā)工具
VSCode
課程介紹
優(yōu)勢(shì)一：課程升級(jí)深度調(diào)研市場(chǎng)需求，Vue、React提升和小程序提升，打造多方向發(fā)展的前端工程師。
優(yōu)勢(shì)二：覆蓋Vue2全家桶、Vue3+TypeScript、React+TypeScript、原生小程序，uni-app等實(shí)用技術(shù)，滿(mǎn)足90%企業(yè)對(duì)前端工程師的需求。
優(yōu)勢(shì)三：研究院精心打造超大項(xiàng)目庫(kù)，多行業(yè)多領(lǐng)域項(xiàng)目覆蓋主流行業(yè)，項(xiàng)目課程天數(shù)占比60%以上，課程覆蓋主流就業(yè)領(lǐng)域，讓學(xué)生達(dá)到心儀企業(yè)的項(xiàng)目經(jīng)驗(yàn)要求。
優(yōu)勢(shì)四：多場(chǎng)景高效學(xué)習(xí)方式，短時(shí)間掌握實(shí)用技術(shù)。老師講法精進(jìn)，課程清晰明了；教和練結(jié)合，實(shí)操促進(jìn)吸收；每日作業(yè)，夯實(shí)學(xué)習(xí)成果；階段項(xiàng)目實(shí)戰(zhàn)，學(xué)以致用。
優(yōu)勢(shì)五：項(xiàng)目研發(fā)團(tuán)隊(duì)精心研發(fā)，來(lái)自某里、某滴、某度等公司的前端工程師給項(xiàng)目帶來(lái)了最佳實(shí)踐和眾多解決方案。
優(yōu)勢(shì)六：課程研發(fā)團(tuán)隊(duì)有積極參與開(kāi)源貢獻(xiàn)的老師們，有vue開(kāi)源貢獻(xiàn)的周老師，有 antd-mobile 合作者劉老師，有uni-app開(kāi)源貢獻(xiàn)蘇老師，為課程賦能。
1
新增享+原生小程序項(xiàng)目(原生小程序+VantUI)
1
新增神領(lǐng)物流團(tuán)隊(duì)實(shí)戰(zhàn)(Vue2 + ElementUI組件庫(kù) + vue-admin-template)
1
新增智慧園區(qū)項(xiàng)目（Vue2 + qiankun + Vue3 + echarts + 3D模型）
1
新增4大實(shí)戰(zhàn)項(xiàng)目（極客園H5、人力資源中臺(tái)、小兔鮮PC前臺(tái)、神領(lǐng)物流司機(jī)App）
1
新增Vue框架原理課程、就業(yè)加強(qiáng)課程
1
優(yōu)化優(yōu)醫(yī)移動(dòng)端項(xiàng)目(Vue3 + TypeScript + Pinia + Vant4 + Vite)
1
優(yōu)化Vue核心技術(shù)課程與案例
1
優(yōu)化Ajax、Git、數(shù)據(jù)可視化、框架前置階段課程與案例
1
優(yōu)化JS核心、WebAPI、JS進(jìn)階課程與案例
1
優(yōu)化基礎(chǔ)班、移動(dòng)web課程與案例
1
刪除黑馬面面團(tuán)隊(duì)實(shí)戰(zhàn)
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2022年7月8日
課程版本號(hào)
8.0
主要使用開(kāi)發(fā)工具
VSCode
課程介紹
優(yōu)勢(shì)一：課程升級(jí)深度調(diào)研市場(chǎng)需求，Vue、React提升和小程序提升，打造多方向發(fā)展的前端工程師。
優(yōu)勢(shì)二：覆蓋Vue2全家桶、Vue3+TypeScript、React+TypeScript、原生小程序，uni-app等實(shí)用技術(shù)，滿(mǎn)足90+企業(yè)對(duì)前端工程師的需求。
優(yōu)勢(shì)三：研究院精心打造超大項(xiàng)目庫(kù)，多行業(yè)多領(lǐng)域項(xiàng)目課程主流行業(yè)全覆蓋，項(xiàng)目課程天數(shù)占比60%以上，課程覆蓋主流就業(yè)領(lǐng)域，讓學(xué)生達(dá)到一線(xiàn)大廠的項(xiàng)目經(jīng)驗(yàn)要求。
優(yōu)勢(shì)四：多場(chǎng)景高效學(xué)習(xí)方式，短時(shí)間掌握實(shí)用技術(shù)。老師教法培訓(xùn)，課程清晰明了;教和練結(jié)合，實(shí)操促進(jìn)吸收;每日作業(yè)，夯實(shí)學(xué)習(xí)成果;階段項(xiàng)目實(shí)戰(zhàn)，學(xué)以致用。
1
新增數(shù)據(jù)看板項(xiàng)目(Bootstrap + Echarts)
1
新增面經(jīng)全端項(xiàng)目(Vue2 + Vuex + ElementUI組件庫(kù) + Vant組件庫(kù))
1
新增優(yōu)醫(yī)移動(dòng)端項(xiàng)目(Vue3 + TypeScript + Pinia + Vant組件庫(kù))
1
新增小兔鮮兒電商小程序項(xiàng)目(uni-app + Vue3 + TypeScript)
1
優(yōu)化JavaScript階段課程與案例
1
優(yōu)化Ajax和Node.js階段課程與案例
1
優(yōu)化極客園PC端項(xiàng)目(TypeScript + React + Umi + dva + antd-pro組件庫(kù))
1
刪除刪除JQuery課程內(nèi)容
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2021.09.28
課程版本號(hào)
7.6
主要使用開(kāi)發(fā)工具
VSCode
課程介紹
課程升級(jí)對(duì)接企業(yè)招聘需求，Vue+React雙重保障，目標(biāo)不止于就業(yè)，而是讓你成為企業(yè)高薪招聘的“搶手”人才。
課程內(nèi)容覆蓋前端主流技術(shù)棧，Vue2全家桶（Vuex、vue-router、element-ui、vue-element-admin）、Vue3新特性、TypeScript實(shí)戰(zhàn)、React全家桶（Hooks、Redux、react-router、ant design、antd-mobile），豐富項(xiàng)目庫(kù)，提供多行業(yè)多領(lǐng)域項(xiàng)目課程，項(xiàng)目課程天數(shù)占比為 60%+，讓學(xué)生達(dá)到一線(xiàn)大廠的項(xiàng)目經(jīng)驗(yàn)要求。
1
新增TypeScript課程（TypeScript結(jié)合主流技術(shù)的應(yīng)用）
1
新增極客園PC端項(xiàng)目（React+Hooks+Redux+ant design組件庫(kù)）
1
新增極客園移動(dòng)端項(xiàng)目（TypeScript+React+Hooks+Redux+antd-mobile組件庫(kù)）
1
新增資訊后臺(tái)管理項(xiàng)目 （Vue+Vuex+element-ui組件庫(kù)）
1
新增PC端和移動(dòng)端網(wǎng)頁(yè)布局項(xiàng)目5個(gè)+（主流布局技巧+適配方案）
1
優(yōu)化小兔鮮兒電商前臺(tái)項(xiàng)目 （Vue3技術(shù)棧）
1
優(yōu)化人資中臺(tái)項(xiàng)目（Vue+Vuex+element-ui組件庫(kù)+vue-element-admin）
1
優(yōu)化立可得項(xiàng)目（Echarts+Ajax）
1
刪除黑馬頭條移動(dòng)端項(xiàng)目（Vue2技術(shù)棧）
1
刪除大事件項(xiàng)目（Layui）
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2020.07.11
課程版本號(hào)
7.0
主要使用開(kāi)發(fā)工具
VSCode、HBuilder X
課程介紹
專(zhuān)為培養(yǎng)和打造高級(jí)軟件工程師高含金量課程重磅推出，課程升級(jí)顛覆培訓(xùn)行業(yè)。
行業(yè)推出全端跨平臺(tái)項(xiàng)目并且業(yè)務(wù)在全端貫通。
超大項(xiàng)目庫(kù)，多行業(yè)多領(lǐng)域項(xiàng)目課程，主流行業(yè)全覆蓋，其中項(xiàng)目課程天數(shù)占比為 190 天，課程覆蓋 7 大主流就業(yè)領(lǐng)域，讓學(xué)生達(dá)到一線(xiàn)大廠的項(xiàng)目經(jīng)驗(yàn)要求。
專(zhuān)為高級(jí)前端工程師定做的 9 天前端工程化課程，包括：模塊化、組件化、性能優(yōu)化、規(guī)范化、自動(dòng)化，定制腳手架及性能方案，提升團(tuán)隊(duì)開(kāi)發(fā)效率。
1
新增小兔鮮兒電商前臺(tái) （Vue.js 技術(shù)棧）
1
新增辦公管理人資中臺(tái)（Vue.js 技術(shù)棧）
1
新增黑馬頭條 H5 項(xiàng)目 2.0（Vue.js 技術(shù)棧）
1
新增品優(yōu)購(gòu) 2.0（uni-app）
1
新增好客租房 H5 項(xiàng)目 2.0（React.js 技術(shù)棧）
1
新增小兔鮮兒電商后臺(tái) （React.js 技術(shù)棧 TypeScript + Hooks）
1
新增探花交友 （React Native)
1
小兔鮮兒移動(dòng)App （Flutter 技術(shù)棧）
1
新增小兔鮮兒小程序 （原生小程序）
1
新增Febo 性能監(jiān)控（核心模塊：React.技術(shù)棧 插件：Vue.js技術(shù)棧）
1
新增小兔鮮兒宣傳頁(yè) （SSR）
1
刪除黑馬頭條自媒體管理平臺(tái)（Vue.js 技術(shù)棧）
1
刪除品優(yōu)購(gòu)電商 1.0（wepy）
1
刪除好客租房后臺(tái)管理系統(tǒng)（React.js 技術(shù)棧）
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2019.6.1
課程版本號(hào)
6.5
主要使用開(kāi)發(fā)工具
Sublime、WebStorm、VSCode
課程介紹
課程在6.0的基礎(chǔ)上，為了適應(yīng)企業(yè)的需求優(yōu)化基礎(chǔ)知識(shí)的講解并大幅度延長(zhǎng)Vue的課時(shí)。基礎(chǔ)階段突出編程的交互性，Vue課程中項(xiàng)目由1變2，增加MVVM框架原理、SSR服務(wù)端渲染、混合app開(kāi)發(fā)等，并加強(qiáng)狀態(tài)管理vuex的應(yīng)用。React項(xiàng)目好客租房?jī)?yōu)化項(xiàng)目功能和界面美化。
1
新增 黑馬頭條自媒體管理平臺(tái)（Vue.js技術(shù)棧）
1
新增黑馬頭條移動(dòng)Web項(xiàng)目（Vue.js技術(shù)棧）
1
新增好客租房后臺(tái)管理系統(tǒng)（React.js 全套技術(shù)棧）
1
新增 好客租房移動(dòng) Web 項(xiàng)目（React.js 全套技術(shù)棧）
1
新增 網(wǎng)頁(yè)應(yīng)用案例(待辦事項(xiàng)列表、購(gòu)物車(chē)、微博發(fā)布等)
1
新增網(wǎng)絡(luò)編程講法優(yōu)化和部分案例
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2018.9.10
課程版本號(hào)
6.0
主要使用開(kāi)發(fā)工具
Sublime、WebStorm、VSCode
課程介紹
課程增加了項(xiàng)目課程和應(yīng)用型技術(shù)課程的時(shí)長(zhǎng)，以培養(yǎng)具備企業(yè)真實(shí)項(xiàng)目經(jīng)驗(yàn)的程序員為目標(biāo)，從編程基礎(chǔ)階段培養(yǎng)學(xué)生企業(yè)級(jí)編碼規(guī)范和業(yè)務(wù)實(shí)現(xiàn)能力，以Node.js為依托培養(yǎng)服務(wù)端概念和HTTP通訊協(xié)議，讓學(xué)員能夠適應(yīng)前端行業(yè)的快速發(fā)展。后期以流行框架為主，通過(guò)超長(zhǎng)的企業(yè)級(jí)全終端項(xiàng)目實(shí)戰(zhàn)培養(yǎng)具有3年工作經(jīng)驗(yàn)的前端開(kāi)發(fā)人員。再加以時(shí)下火熱的微信小程序和小游戲拓展學(xué)生的就業(yè)寬度。商業(yè)項(xiàng)目團(tuán)隊(duì)協(xié)作實(shí)戰(zhàn)階段，讓學(xué)員無(wú)需過(guò)渡期直接適應(yīng)真正的企業(yè)開(kāi)發(fā)。
1
新增品優(yōu)購(gòu)全端電商項(xiàng)目（管理系統(tǒng)、PC端、移動(dòng)端、小程序）
1
新增 好客租房移動(dòng) Web 項(xiàng)目（React.js 全套技術(shù)棧）
1
新增 近百套行業(yè)項(xiàng)目解決方案庫(kù)
1
新增小程序加小游戲就業(yè)課
1
新增 企業(yè)級(jí)團(tuán)隊(duì)項(xiàng)目實(shí)戰(zhàn)
課程名稱(chēng)
HTML&JS+前端就業(yè)班課程
課程推出時(shí)間
2018.2.26
課程版本號(hào)
5.0
主要使用開(kāi)發(fā)工具
Sublime、WebStorm、VSCode
課程介紹
以品優(yōu)購(gòu)項(xiàng)目平臺(tái)為驅(qū)動(dòng)貫穿整個(gè)課程，包括品優(yōu)購(gòu)PC端項(xiàng)目、品優(yōu)購(gòu)移動(dòng)端項(xiàng)目、品優(yōu)購(gòu)后臺(tái)管理項(xiàng)目、品優(yōu)購(gòu)微信項(xiàng)目。讓學(xué)生能夠體會(huì)完整的項(xiàng)目開(kāi)發(fā)流程。除課程更新外，還配以助教的實(shí)施體系(助教課程體系、強(qiáng)制自習(xí)、團(tuán)隊(duì)項(xiàng)目、技術(shù)面試)
1
新增基礎(chǔ)班新增品優(yōu)購(gòu)整套項(xiàng)目的靜態(tài)頁(yè)面制作
1
新增 前端工程化完成品優(yōu)購(gòu)移動(dòng)端項(xiàng)目
1
新增JavaScript和DOM階段的課程優(yōu)化部分案例，培養(yǎng)學(xué)生通過(guò)代碼完成業(yè)務(wù)的能力
1
新增微信小程序的案例更新為品優(yōu)購(gòu)項(xiàng)目
1
新增 vue項(xiàng)目更新為品優(yōu)購(gòu)的后臺(tái)管理系統(tǒng)
課程名稱(chēng)
HTML&JS+前端就業(yè)班課程
課程推出時(shí)間
2017.7.12
課程版本號(hào)
4.0
主要使用開(kāi)發(fā)工具
Sublime、WebStorm、VSCode
課程介紹
本次課程更新主要增加服務(wù)端編程語(yǔ)言PHP加強(qiáng)學(xué)生理解客戶(hù)端/服務(wù)器、動(dòng)態(tài)網(wǎng)站以及網(wǎng)絡(luò)通信等后端開(kāi)發(fā)的相關(guān)概念。并且能夠熟悉PHP的基礎(chǔ)語(yǔ)法，可以操作MySQL數(shù)據(jù)庫(kù)，能夠開(kāi)發(fā)簡(jiǎn)單的動(dòng)態(tài)頁(yè)面和后臺(tái)接口。培養(yǎng)更懂后端的前端開(kāi)發(fā)人員。
1
新增 PHP&MySQL課程，培養(yǎng)更懂后端的前端開(kāi)發(fā)人員
1
新增 阿里百秀項(xiàng)目，結(jié)合前端渲染和后端渲染
1
新增HTML5的宣傳頁(yè)面
1
新增 移動(dòng)端電商項(xiàng)目
1
新增JavaScript高級(jí)課程優(yōu)化，增加貪吃蛇游戲
課程名稱(chēng)
HTML&JS+前端就業(yè)班課程
課程推出時(shí)間
2017.03.01
課程版本號(hào)
3.0
主要使用開(kāi)發(fā)工具
WebStorm、Sublime
課程介紹
本次課程更新注重理論到實(shí)踐的變化，從就業(yè)班開(kāi)始培養(yǎng)學(xué)生把理論到實(shí)踐過(guò)程的培養(yǎng)，讓學(xué)生學(xué)習(xí)完JavaScript能夠自己動(dòng)手開(kāi)發(fā)插件，不僅僅停留在使用的層面。增加市面上流行的vue.js框架，并結(jié)合項(xiàng)目實(shí)戰(zhàn)，從0到1的完成項(xiàng)目，直至打包上線(xiàn)。
1
新增 博學(xué)谷項(xiàng)目，從無(wú)到有開(kāi)發(fā)一個(gè)完整項(xiàng)目，從項(xiàng)目構(gòu)建到上線(xiàn)
1
新增canvas課程中新增游戲的案例
1
新增 微信小程序開(kāi)發(fā)
1
新增webpack1.x升級(jí)到webpack2.x，webpack和gulp集成構(gòu)建項(xiàng)目
1
新增 ajax課程更新部分更實(shí)用的案例
課程名稱(chēng)
HTML&JS+前端
課程推出時(shí)間
2016.6.30
課程版本號(hào)
1.1
主要針對(duì)系統(tǒng)
Windows、Linux
主要使用開(kāi)發(fā)工具
webStorm、sublime
課程介紹
本次升級(jí)對(duì)前端課程1.0版本進(jìn)行優(yōu)化。重點(diǎn)優(yōu)化課程體系與教學(xué)模式，知識(shí)點(diǎn)銜接更緊密，有利于學(xué)員更好的吸收掌握；更新框架部分知識(shí)點(diǎn)，將框架升級(jí)到市場(chǎng)上主流的版本，升級(jí)課程更加貼合企業(yè)實(shí)際需求。
1
新增zepto庫(kù)在移動(dòng)web開(kāi)發(fā)的實(shí)際應(yīng)用；
1
新增基礎(chǔ)班與就業(yè)班的課程體系知識(shí)點(diǎn)無(wú)縫對(duì)接；
1
新增 面向?qū)ο蠛涂蚣苓M(jìn)階以及js 設(shè)計(jì)模式；
1
新增 在項(xiàng)目中融入企業(yè)新技術(shù)課程；
課程名稱(chēng)
傳智教育HTML&JS+前端精品就業(yè)班課程
課程推出時(shí)間
2015.10.06
課程版本號(hào)
1.0
主要針對(duì) iOS 系統(tǒng)
Xp、Win7/8/10
主要使用開(kāi)發(fā)工具
WebStorm、Sublime、Dreamweaver
課程介紹
傳智教育推出HTML&JS+前端課程，基于當(dāng)前流行的技術(shù)和未來(lái)的發(fā)展趨勢(shì)、結(jié)合業(yè)界實(shí)際的開(kāi)發(fā)模式，創(chuàng)建了完善的課程體系和教學(xué)模式，確定了以深入的基礎(chǔ)理論、豐富的項(xiàng)目實(shí)戰(zhàn)、系統(tǒng)的大型案例實(shí)踐為主線(xiàn)，以項(xiàng)目實(shí)戰(zhàn)來(lái)驅(qū)動(dòng)教學(xué)的主導(dǎo)思想，并結(jié)合實(shí)際工作場(chǎng)景，進(jìn)而強(qiáng)化扎實(shí)基礎(chǔ)，增強(qiáng)實(shí)用性，提高核心競(jìng)爭(zhēng)力。
1
新增完善的課程體系保證處于移動(dòng)和前端的技術(shù)前沿；
1
新增課程安排循序漸進(jìn)，階梯式的學(xué)習(xí)模式，菜鳥(niǎo)到大牛的完美蛻變；
1
新增 晦澀的理論融入豐富的項(xiàng)目實(shí)踐，理解的同時(shí)增強(qiáng)實(shí)用性；
1
新增 PC前端與移動(dòng)前端技能全覆蓋，拓展足夠開(kāi)闊的知識(shí)面；
1
新增前后端結(jié)合的開(kāi)發(fā)實(shí)踐，保證前后端協(xié)作游刃有余；
1
新增 項(xiàng)目生命周期系統(tǒng)認(rèn)知，Nodejs全棧解決方案，奠定架構(gòu)級(jí)別的堅(jiān)實(shí)基礎(chǔ)；
1
新增結(jié)合實(shí)際的工作場(chǎng)景，保證快速融入工作環(huán)境。
用心做教育，就是對(duì)每一個(gè)學(xué)生負(fù)責(zé)
— 前端學(xué)科教研團(tuán)隊(duì)訪談實(shí)錄
近年來(lái)，黑馬程序員前端學(xué)科持續(xù)瞄準(zhǔn)真實(shí)市場(chǎng)需求，打造貼合一線(xiàn)互聯(lián)網(wǎng)企業(yè)需求的課程產(chǎn)品不斷優(yōu)化授課方式，打造高效課堂，創(chuàng)新就業(yè)服務(wù)模式，讓想要提高自身競(jìng)爭(zhēng)力及想要轉(zhuǎn)行的零基礎(chǔ)學(xué)生繼續(xù)保持就業(yè)實(shí)力。黑馬程序員前端學(xué)科通過(guò)強(qiáng)教研、促就業(yè)的硬核打法，持續(xù)帶領(lǐng)學(xué)生逆勢(shì)而上，打破就業(yè)壁壘突破高薪瓶頸。
教師錄取率<3%，從源頭把控師資，帶你過(guò)關(guān)斬將掌握每一個(gè)知識(shí)點(diǎn)
用數(shù)據(jù)驅(qū)動(dòng)教學(xué)，貫通教/學(xué)/練/測(cè)/評(píng)，為每一位學(xué)員私人定制學(xué)習(xí)計(jì)劃和就業(yè)服務(wù)
學(xué)前入學(xué)多維測(cè)評(píng)
學(xué)前目標(biāo)導(dǎo)向式學(xué)習(xí)
學(xué)中隨堂診斷糾錯(cuò)
學(xué)中階段效果測(cè)評(píng)
學(xué)后在線(xiàn)作業(yè)試題庫(kù)
學(xué)后問(wèn)答社區(qū)查漏補(bǔ)缺
保障BI報(bào)表數(shù)據(jù)呈現(xiàn)
就業(yè)面試指導(dǎo)就業(yè)分析
就業(yè)流程
全信息化處理
學(xué)員能力
雷達(dá)圖分析
定制個(gè)性化
就業(yè)服務(wù)
技術(shù)面試題
講解
就業(yè)指導(dǎo)課
面試項(xiàng)目分析
HR面試攻略
模擬企業(yè)
真實(shí)面試
專(zhuān)業(yè)簡(jiǎn)歷指導(dǎo)
面試復(fù)盤(pán)輔導(dǎo)
風(fēng)險(xiǎn)預(yù)警
企業(yè)黑名單提醒
老學(xué)員畢業(yè)后即可加入傳智匯精英社區(qū)，持續(xù)助力學(xué)員職場(chǎng)發(fā)展
傳智教育旗下IT互聯(lián)網(wǎng)精英社區(qū)，以匯聚互聯(lián)網(wǎng)前沿技術(shù)為核心，以傳遞、分享為己任，聯(lián)合經(jīng)緯創(chuàng)投、創(chuàng)新工場(chǎng)、京東人工智能、華為等眾多關(guān)注互聯(lián)網(wǎng)的知名機(jī)構(gòu)及企業(yè)、行業(yè)大咖，共同研究中國(guó)互聯(lián)網(wǎng)深度融合、跨界滲透、整合匯聚、相互促進(jìn)的信息化資源共享平臺(tái)。
行業(yè)沙龍
高端人脈
職場(chǎng)資源
技術(shù)研習(xí)
鄭州學(xué)姐15k/月應(yīng)屆生：畢業(yè)即失業(yè)，滿(mǎn)足不了企業(yè)需求，重新制定職業(yè)規(guī)劃
上海學(xué)長(zhǎng)20k/月嘗試過(guò)不同行業(yè)，學(xué)長(zhǎng)決定轉(zhuǎn)行程序員
杭州學(xué)長(zhǎng)10k/月新手程序員，詳細(xì)分享掌握面試主動(dòng)權(quán)的實(shí)用技巧
上海學(xué)長(zhǎng)15.5k/月穩(wěn)扎穩(wěn)打的前端學(xué)長(zhǎng)，熱情分享職業(yè)規(guī)劃和工作心得
上海學(xué)長(zhǎng)19k/月因?yàn)榕d趣從UI轉(zhuǎn)型程序員，找到了自己的職業(yè)甜蜜區(qū)
杭州學(xué)姐12k/月科班學(xué)姐，大四實(shí)習(xí)找不到心儀工作，決定來(lái)黑馬進(jìn)修
上海學(xué)姐13k/月面試過(guò)十幾家公司的“面霸”，深度分析提高通過(guò)率方法
長(zhǎng)沙學(xué)長(zhǎng)10k/月前端班長(zhǎng)，教你避免面試“大坑”
查看其他班級(jí)
元/月平均薪資
元/月最高薪資
%就業(yè)率
人月薪過(guò)萬(wàn)
*學(xué)員就業(yè)信息統(tǒng)計(jì)數(shù)據(jù)為數(shù)據(jù)庫(kù)中實(shí)時(shí)調(diào)取的真實(shí)相關(guān)數(shù)據(jù)，非廣告宣傳
聯(lián)系我們關(guān)于黑馬1024程序員節(jié)
學(xué)習(xí)工具免費(fèi)公開(kāi)課免費(fèi)視頻下載
報(bào)名流程校區(qū)分布住宿環(huán)境
黑馬程序員公眾號(hào)
黑馬程序員小程序
江蘇傳智播客教育科技股份有限公司 版權(quán)所有Copyright 2006-2024, All Rights Reserved 蘇ICP備16007882號(hào) 營(yíng)業(yè)執(zhí)照 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證 出版物經(jīng)營(yíng)許可證 
蘇公網(wǎng)安備 32132202000574號(hào)
| 门头沟区 | 德格县 | 喀什市 | 泸水县 | 乌拉特后旗 | 青冈县 |
| 吉首市 | 罗源县 | 沈阳市 | 通道 | 额尔古纳市 | 定南县 |
| 陇南市 | 永川市 | 景洪市 | 建湖县 | 界首市 | 无锡市 |